ES6用的越来越多，箭头函数写顺了，函数大部分都写成了箭头函数。在Vue的watch中也顺手使用，然而出现了问题。组件中的数据并不能被同步修改。
watch: {
studentId: (newData, oldData) => {
this.disabled = !newData
console.log(this, 'this')
}
},
watch: {
studentId: function (newData, oldData) {
this.disabled = !newData
console.log(this, 'this')
}
}
此时的this才是Vue组件，console结果如下：
箭头函数会改变this的指向，在Vue组件中，最好不要随便使用箭头函数。特别是watch以及生命周期中。！文档也有相应的提示
ES6用的越来越多，箭头函数写顺了，函数大部分都写成了箭头函数。在Vue的watch中也顺手使用，然而出现了问题。...
记录我在使用watch时常用的方法 1、watch监听 注意：ES6中推出了箭头函数，上述例子未使用箭头函数，如果...
同事的watch 函数总是访问this有问题，我帮忙检查了一阵子，最后发现是定义函数的时候用了箭头函数。箭头函数绑...
1，箭头函数定义 2，Es6 中箭头函数参数与返回值简写 补充 3，箭头函数中 this 指向 注：箭头函数中的t...
watch API 完全等同于组件侦听器 property watch 需要侦听特定的数据源，并在回调函数中执行副...
1、watch中的函数 immediate为true是为了初始值的时候就开始监听 解决方案 替换箭头函数为普通函数...
箭头函数与普通函数的区别 箭头函数语法比普通函数更加简洁，但箭头函数中没有arguments，所以形参可以使用展开...
新建项目 注意事项 methods、watch、生命周期，不能使用箭头函数（箭头函数的 this 绑定父级上下文，...
箭头函数与普通函数的区别，实质是我们是否理解了箭头函数，在我刚开始接触ES6时，印象中的箭头函数与普通函数的区别就...
vue所管理的函数都要写成普通函数，不能使用箭头函数。在new Vue实例内的配置中对应的函数。例如：1.不应该使...
本文标题：Vue watch侦听器中的函数与箭头函数
本文链接：https://www.haomeiwen.com/subject/nagttqtx.html
网友评论