admin管理员组文章数量:1566680
在我们的项目中,加深了对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
版权声明:本文标题:vue的watch监听属性中的immediate属性和deep属性 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1725430245a1022832.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论