1. 首页
  2. 编程语言
  3. Javascript
  4. 解决vue侦听器watch,调用this时出现undefined的问题

解决vue侦听器watch,调用this时出现undefined的问题

上传者: 2021-09-04 18:26:58上传 PDF文件 79.26 KB 热度 19次

watch侦听器中,我们要将新的值赋给this.a出错这里报错undefined,这里错误的原因是不能写成箭头函数。写成箭头函数后,this会取上下文,而不是组件里面的this了,正确写法为:如下图:看考链接:PS:好吧,虽然问题可以解决,但是具体为什么不能写成箭头函数,讲实话,我现在也不懂,知道原理的可以给我评论,非常感谢。在babel 编译后是这样子的因为箭头函数 的 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。我就废话不多说了,大家还是直接看代码吧~

用户评论