Vue项目中数据的深度监听或对象属性的监听

众所周知,vue项目中对数据的监听,提供了一个很好的钩子watch,watch可以极其方便的监听我们常用数据类型值的变化,但通常当我们想监听一个对象中,某个属性值的变化时,很难达到我们预期的效果。根据vue的文档,不难发现,使用数据的深度监听来达到这一效果。具体实现如下:

watch: {
      evlist: {
        handler(val, oldVal) {
          this.isTeam = val.projectParty;
          this.pjtid = val.pjtid;
          this.isFinish = val.projectSelfValue;
        },
        deep: true
      },

    },
这其中,evlist是一个对象,val监听到变化后的值,oldVal是变化前的值。



猜你喜欢

转载自blog.csdn.net/weixin_37861326/article/details/81034231
今日推荐