这篇文章主要介绍了解决Vue的组件属性this不存在问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
目录
- 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 { // 失败了 }) },
以上为个人经验,希望能给大家一个参考,也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- 浅谈vue方法内的方法使用this的问题
- 在vue中使用回调函数,this调用无效的解决
- 解决vue侦听器watch,调用this时出现undefined的问题
- 详解vue中的computed的this指向问题