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 {
    // 失败了
})
},

以上为个人经验,希望能给大家一个参考,也希望大家多多支持阿兔在线工具。

点赞(0)

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部