如何使用watch监听路由变化和watch监听对象

这篇文章主要介绍了如何使用watch监听路由变化和watch监听对象，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

一、watch监听路由变化

解决办法：

export default{
data(){
return{}
},
watch:{
"$route":"getPath" // 监听事件
},
methods:{
getPath(){
let path = this.$roune.path; //或得当前路径
进行逻辑判断
}
}
}

二、watch监听对象

例子：

<el-select v-model="form.region" placeholder="请选择">
   <el-option
     v-for="item in rootCategory" :key="item.id"
     :label="item.name"
     :value="item.id">
   </el-option>
</el-select>
export default{
data(){
return{ 
form:{ 
region:""
}
}
},
watch:{
'form.region':function(newValue,oldValue){
console.info(newValue);
console.info(oldValue);
}
}
}

感谢你能够认真阅读完这篇文章，希望小编分享的“如何使用watch监听路由变化和watch监听对象”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注行业资讯频道，更多相关知识等着你来学习!