Vue项目中数据的深度监听或对象属性的监听
众所周知,vue项目中对数据的监听,提供了一个很好的钩子watch,watch可以极其方便的监听我们常用数据类型值的变化,但通常当我们想监听一个对象中,某个属性值的变化时,很难达到我们预期的效果。根据vue的文档,不难发现,使用数据的深度监听来达到这一效果。具体实现如下:watch: {evlist: {handler(val, oldVal) {...
·
众所周知,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是变化前的值。
更多推荐
已为社区贡献20条内容
所有评论(0)