vue2中watch监听多个值
时间: 2023-11-06 10:02:34 浏览: 147
在Vue2中,我们可以使用watch选项来监听多个值的变化。对于没有联系的多个属性,我们可以将它们独立地监听,并在每个属性的回调函数中执行相应的操作。例如,我们可以像这样在watch选项中定义多个属性的监听:
watch: {
name(newValue, oldValue) {
this.name = newValue
},
list(newVal, oldVal) {
this.list = newVal
}
}
而对于有联系的多个属性,任何一个值的改变都可能影响到其他值,我们需要在每个属性的回调函数中更新第三个值。例如,我们可以这样定义监听两个属性的方法:
watch: {
useableCardTypeTime(newValue, oldValue) {
if (this.tableData.length >= newValue.length) {
this.addDisable = true
} else {
this.addDisable = false
}
},
tableData(newVal, oldVal) {
if (newVal.length >= this.useableCardTypeTime.length) {
this.addDisable = true
} else {
this.addDisable = false
}
}
}
相关问题:
1. Vue2中如何使用computed和watch结合监听多个属性值的变化?
2. 在Vue2中,
阅读全文