vue watch 监听对象的某个属性
对象属性的watch
data() {
return {
tradeData: {
creator: 'anki',
GoodsVoList: []
}
}
},
watch: {
tradeData: {
handler(newValue, oldValue) {
console.log(newValue)
},
deep: true
}
}
只要tradeData中的属性发生变化(可被监测到的),便会执行handler函数;
如果想监测具体的属性变化,如GoodsVoList变化时,才执行handler函数,则可以利用计算属性computed做中间层
对象具体属性的watch
data() {
return {
tradeData: {
creator: 'anki',
GoodsVoList: []
}
}
},
computed: {
GoodsVoList() {
return this.tradeData.GoodsVoList
}
},
watch: {
GoodsVoList(newValue, oldValue) {
console.log(newValue)
}
}
23123
2020年8月26日 下午3:14
2131