vue watch监听箭头函数
时间: 2023-12-01 22:43:25 浏览: 120
Vue数据监听方法watch的使用
在Vue3中,如果你使用箭头函数来定义watch监听函数,会出现this指向错误的问题,因为箭头函数里面的this指向上下文中的this,但是watch里面后面的箭头函数没有上下文调用,所以就出现了undefined。正确的做法是使用普通的函数定义watch监听函数。下面是一个示例代码:
```javascript
watch: {
'form.psiType': function(newV, oldV) {
console.log('newV,oldV---', newV, oldV)
if (newV === 'OPRF') {
console.log('done---', this.form.remoteDataSetId)
this.form.remoteDataSetId.forEach(item => {
item.columnIn = []
})
}
console.log('done---')
}
}
```
阅读全文