Vue侦听器watch获取this报undefined

错误代码

watch: {
  data: {
    handler: (newVal) => {
      this.info = newVal
    },
    deep: true
  }
},

修正后代码

watch: {
  data: {
    handler: function (newVal) {
      this.info = newVal
    },
    deep: true
  }
},

原因

总的来说还是this指向问题，可以查看普通函数与箭头函数this指向问题

原文链接：https://www.imuboy.cn/

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript(ES6) - 函数的扩展
    函数参数的默认值 基本用法 在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,438评论 0赞 1
  • ES6--函数的扩展
    函数参数的默认值 基本用法 在ES6之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 457评论 0赞 1
  • 揭开 this & that 之迷
    新手在入门 JavaScript 的过程中，一定会踩很多关于 this 的坑，出现问题的本质就是 this 指针的...
    一缕殇流化隐半边冰霜阅读 3,826评论 15赞 47
  • JavaScript中的this指向
    1.概念 在JavaScript中，this 是指当前函数中正在执行的上下文环境，因为这门语言拥有四种不同的函数调...
    BluesCurry阅读 1,147评论 0赞 2
  • JavaScript this 解析
    关于 this this 关键字是 JavaScript 中最复杂的机制之一。它是一个很特别的关键字，被自动定义在...
    游学者灬墨槿阅读 578评论 1赞 2