明明已经定义好了参数,打印确直接显示undefined,追踪其原因,直接打印this也是undefined,于是看了一下方法写的方式,就找到了原因。
我开始是这么写的
methods: {
clickEdit:()=> {
这样打印的就是undefined,不能正常执行命令
}
}
后来改用了通用方式就能解决这个问题了
methods: {
clickEdit() {
这样打印的就是直接指向了vue了,就解决了this显示undefined,也解决了定义好的参数显示undefined了。
}
}
综上总结
在一个箭头函数里,this不在归属于函数的拥有者。
两个方式的差异产生于它们处理this的方式
如果在vue组件中的箭头函数内部调用this,就会收到报错,因为this并不存在。