码迷,mamicode.com
首页 > 其他好文 > 详细

vue watch监听全局的projectCode

时间:2021-03-16 13:59:27      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:date   dia   cti   uil   arch   store   methods   var   word   

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;
}
},
}

`

vue watch监听全局的projectCode

标签:date   dia   cti   uil   arch   store   methods   var   word   

原文地址:https://www.cnblogs.com/lianggl/p/14536038.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!