天天看点

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

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

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

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

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

如下图:

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

看考链接:https://cn.vuejs.org/v2/api/#watch

PS:好吧,虽然问题可以解决,但是具体为什么不能写成箭头函数,讲实话,我现在也不懂,知道原理的可以给我评论,非常感谢。