vue的watch监听属性中的immediate属性和deep属性
vue的watch监听属性中的immediate属性和deep属性
·
在我们的项目中,加深了对watch监听的理解和使用。
在以前对使用watch时只使用了handler()方法的使用,新数据和老数据的一个监听。
现在需要是页面刚进入就要以初始值执行handler函数
这时我们就需要使用immediate属性
将immediate设置为true的时候,就可以以初始值执行handler函数了
'attributeForm.numRule': {
immediate: true,
handler (val) {
this.constantFill = val.indexOf(1) !== -1
this.naturalFill = val.indexOf(3) !== -1
}
}
而对deep属性使用的频率可能会更少一些,
deep是确认是否进行深度监听,如果只监听这个对象,是监听不到对象里面值的变化
attributeForm: {
uuid: null,
dataType: 1,
colnumName: ''
}
attributeForm: {
immediate: true,
handler (val) {
this.constantFill = val.indexOf(1) !== -1
this.naturalFill = val.indexOf(3) !== -1
}
}
这样监听的话是监听不到uuid的变化,
这时想监听到uuid的变化需要将deep属性设置为true
更多推荐
已为社区贡献1条内容
所有评论(0)