一、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监听对象的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- vue.js使用watch监听路由变化的方法
- vue watch普通监听和深度监听实例详解(数组和对象)
- Vue数据监听方法watch的使用
- 用Vue.js实现监听属性的变化
- vue实现路由监听和参数监听