解决Vue的组件属性this不存在问题

这篇文章主要介绍了解决Vue的组件属性this不存在问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

Vue的组件属性this不存在

问题来源

今天写代码,发现我的mounted方法里面的this全部一致是undefined,很奇怪,一致再找问题然后我找到问题了。

原因

原因是我用mounted方法的时候一致是采用的箭头函数而箭头函数的话是和父作用域相关的,所以不会绑定到实例。

脑袋之前一致没转到这个问题上来坑死我了。

解决方案

在实例的属性里面坚决不要使用箭头函数!!!!!!!!!!!

Vue中的this丢失

1.接口请求发送不出去,显示TypeErrory错误

2.语句看似不执行

解决方案

//引用 this.$options.methods.getAll(this) getAll:function(vue){   //开始网络传输   vue.$http.get(protocal + ip + port + project + 'sdf/sdasd/sad/' ).then(result => {     console.log(result.body)     if (result.body.result) { ​​​​​​​}   //成功了 else {     // 失败了 }) },

以上为个人经验,希望能给大家一个参考,也希望大家多多支持0133技术站。

以上就是解决Vue的组件属性this不存在问题的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程