admin管理员组

文章数量:1530018

在我们的项目中，加深了对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

本文标签： 属性vueWatchDeep

版权声明：本文标题：vue的watch监听属性中的immediate属性和deep属性 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1725430245a1022832.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。