使用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监听对象的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章: