vue2中watch监听ref
时间: 2024-01-20 09:16:54 浏览: 269
vue watch关于对象内的属性监听
5星 · 资源好评率100%
在Vue2中,可以使用`watch`选项来监听`ref`的变化。下面是一个示例代码:
```javascript
var app = new Vue({
el: '#app2',
data: {
child: {
age: 2
},
hasErr: false
},
watch: {
'child.age': function(newVal, oldVal) {
if (newVal < 3 || newVal > 6) {
this.hasErr = true;
} else {
this.hasErr = false;
}
}
}
});
```
在上面的代码中,我们定义了一个`watch`选项,它监听了`child.age`这个`ref`的变化。当`child.age`的值发生变化时,`watch`函数会被触发。在这个示例中,我们检查了`child.age`的值是否在3到6之间,如果不在这个范围内,就将`hasErr`设置为`true`,否则设置为`false`。
阅读全文