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

来源:互联网 发布:网侠安卓电视直播软件 编辑:程序博客网 时间:2024/06/05 06:34

一、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);

}

}

}



原创粉丝点击