vue中⽤watch监听当前路由
之前做项⽬时，特别是后台项⽬，左边都有侧边栏，我们需要做到点击某个侧边栏的项让这个项⾼亮，之前采⽤的是给每个项绑定⼀个值，点击某个项时，就将这个值付给⼀个变量，在每⼀项上判断这个变量是否与每项上的值相等，从⽽使对应项⾼亮，
但是最近在vue-element-admin上看到的是，他的侧边栏其实就是路由的配置，只要配置路由，就会在侧边栏显⽰，于是，他采⽤了监听$route的⽅式来确定当前页，从⽽确定哪⼀项⾼亮，⽽且前进后退也不会出现其他问题，下⾯上⼀个代码，
从此让你知道$route也是可以这样使⽤！！！
watch:{
$route:{
handler(newRouter){
this.curTagName=newRouter.name;
},
immediate: true
}
},
另外，利⽤好$router中的路由元信息，是可以做出好多东西的，⽐如说⾯包屑，这些vue-element-admin上都有体现！！！
下⾯是计算属性和watch的配合使⽤可以监听对象⾥的某⼀个值
computed:{vue element admin
testText1 () {
st.text1
}
},
watch:{
testText1: {
dosomething (newVal,oldVal){
// code
}
}
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。