vue watch 属性失效

第一种最常用的写法

'form.imageArr': function(val) {
       if (val) {
         this.form.imgUrl = val.join(',');//选择横幅图片
       }
    }

当 form.imageArr 值有变化的时候,就会执行这个方法,但是我遇到的情况比较复杂,这种方法,只有在打开页面后第一次可以执行,之后,值改变,也不会调用这个方法

第二种写法

'form1.good': {
        handler(val,oldVal){
          console.log(val)
        },
     }

这种方法,出现的问题,和第一种一样

第三种写法

'form1.article': {
        handler(val,oldVal){
          this.form.contentId=val.articleId;
        },
        deep: true,
        immediate: true,
     }

这种方式,多加了个 deep: true,immediate: true,  但是却可以每次值改变,都调用watch中的方法,所以说,这种方法解决了问题