vue watch关于对象内的属性监听
程序员文章站
2022-12-23 15:34:24
vue可以通过watch监听data内数据的变化。通常写法是: vue监听整个对象,如下: deep: true 深度监测 如果监听对象内的某一具体属性,可以通过computed做中间层来实现: ......
vue可以通过watch监听data内数据的变化。通常写法是:
data: {
a: 100
},
watch: {
a(newval, oldval) {
// 做点什么。。。
console.log(newval, oldval)
}
}
vue监听整个对象,如下:
- deep: true 深度监测
data: {
return {
msg: {
name: 'hahah',
color: 'red'
}
}
}
watch: {
msg: {
handler(newvalue, oldvalue) {
// 做点什么。。。
console.log(newvalue)
},
deep: true
}
如果监听对象内的某一具体属性,可以通过computed做中间层来实现:
computed: {
name() {
return this.msg.name
}
},
watch:{
name(newvalue, oldvalue) {
// 做点什么。。。
console.log(newval, oldval)
}
}
上一篇: 数据库中异常与隔离级别
下一篇: Django教程01-全流程