Vue中侦听器watch时,调用this时出现undefined问题

90 阅读1分钟

watch侦听器中,我们要将新的值赋给this.a出错

watch: {
	value: (newV, oldV) => {
	this.a = newV;
	}
}

这里报错undefined,这里错误的原因是不能写成箭头函数。写成箭头函数后,this会取上下文,而不是组件里面的this了,正确写法为:

watch: {
	value: function(newV, oldV) {
	this.a = newV;
	}
}

如下图:
在这里插入图片描述