vue2.0 watch里面的 deep和immediate作用

最新推荐文章于 2021-10-19 20:19:51 发布

詹小布

最新推荐文章于 2021-10-19 20:19:51 发布

阅读量183

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lianxisheng/p/10436203.html

版权

deep，默认值是 false，代表是否深度监听。
immediate:true代表如果在 wacth 里声明了之后，就会立即先去执行里面的handler方法，如果为 false就跟我们以前的效果一样，不会在绑定的时候就执行。

computed: {
  btnObj() {
    const { sign_img, check } = this
    return {
      sign_img,
      check
    }
  }
},
watch: {
  btnObj: {
    handler: function(newVal,oldVal) {
      if(!!this.sign_img && this.check){
        this.submit_flag = true
        this.sign_flag = '1'
      }else{
        this.submit_flag = false
        this.sign_flag = '0'
      }
    },
    deep: true,
    immediate: true
  }
}

转载于:https://www.cnblogs.com/lianxisheng/p/10436203.html