vue中this指针获取不到函数或数据

在进行luckysheet钩子函数配置的时候,使用以下代码无法获取对应的data和method

this.options.hook = {
        workbookCreateAfter:function(){
        console.log(this.gridkey);
		this.auto();
						},
      }

使用箭头函数即可解决,箭头函数本身没有自己的this,它会继承定义时所在的外层作用域的 this 指向。这样就能保证 this指向和期望的外层对象保持一致,进而可以访问到 auto方法。

this.options.hook = {
        workbookCreateAfter: () =>{
			this.auto();
		},
      }

你可能感兴趣的:(JavaScript,vue.js,前端,javascript)