Vue 深度监控对象或者对象指定属性
1,深度监控对象通过deep:truewatch: {obj: {// 数据变化时执行的逻辑代码handler(newVal, oldVal) {console.log('obj.a changed');},// 开启深度监听deep: true}}2...
·
1,深度监控对象
通过deep:true
watch: {
obj: {
// 数据变化时执行的逻辑代码
handler(newVal, oldVal) {
console.log('obj.a changed');
},
// 开启深度监听
deep: true
}
}
2,深度监控对象的指定属性
watch: {
"obj.name": {
// 数据变化时执行的逻辑代码
handler(newName, oldName) {
console.log("obj.name变化了 ")
},
// 开启深度监听
deep: true
}
}
3,计算属性
// 通过计算属性,计算出需要监听的数据
computed: {
total: function () {
return this.obj.changed
}
},
更多推荐
已为社区贡献17条内容
所有评论(0)