vue watch监听全局的projectCode

时间:2021-03-16 13:59:27   收藏:0   阅读:0

Vue下的watch监听

本文记录一下项目中的watch的用法

watch监听全局的projectCode
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
  mounted() {
this.$nextTick(() => {
//初始化读取vuex中的全局参数
if (this.$store.state.user.projectCode) {
this.projectCode = this.$store.state.user.projectCode;
}
});
},
computed:{//配合watch监听使用
selectProject() {
return this.$store.state.user.projectCode;
}
},
watch:{
selectProject: ‘selectProject_‘,
deep: true, //深度监听
immediate: true//以当前的初始值执行handler的函数
},
methods: {
//监听选择项目的值
selectProject_(newVal, oldVal) {
if (newVal) {
this.projectCode = newVal;
}
},
}

`
评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!