vue项目中this指向

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cofecode/article/details/76566115

实际项目过程中。在data里面定义好了 phone的值。在发送ajax请求后,this.phone的值便拿不到了。这里我axios去请求。then的回调是用es5的写法写的。

发送请求前,this.phone还有值,发送请求后this.phone的值就有问题了。

纠其原因是es5 的写法,this的值发生了变化。指向undefined。而这里我们的this 需要指向vue实例

这里需要再继续补充箭头函数的知识。

箭头函数的this指向的是外层代码块中的this。所以this 当然指向的是vue实例,再用this.phone就不会出错啦!

阅读更多
换一批

没有更多推荐了,返回首页