vue中watch监听变量变化时this指向问题

错误原因分析这儿我们要搞清楚es6中箭头函数的特殊之处。箭头函数自动绑定了上下文对象到this中。那么就说明我们在箭头函数中引用的this不再是vue实例。使用普通函数时this才是vueComponent对象。所以大家在使用es6特性的时候一定要注意。在vue的内部一定要注意箭头函数对于this对象的影响。当然如果你非要使用箭头函数也是可以的，我们通常的一个做法是在组件data函数中中定义v..

像风吹过八万里

8911人浏览 · 2019-04-09 09:32:56

像风吹过八万里  ·  2019-04-09 09:32:56 发布

错误原因分析
这儿我们要搞清楚es6中箭头函数的特殊之处。箭头函数自动绑定了上下文对象到this中。那么就说明我们在箭头函数中引用的this不再是vue实例。

使用普通函数时this才是vueComponent对象。所以大家在使用es6特性的时候一定要注意。在vue的内部一定要注意箭头函数对于this对象的影响。当然如果你非要使用箭头函数也是可以的，我们通常的一个做法是在组件data函数中中定义var _self = this然后再组件中用_self引用vue实例。

Vue

前往低代码交流专区

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定