网站首页 Vue 正文

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

作者：yatsov 更新时间： 2022-04-05 Vue

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

原文链接：https://blog.csdn.net/yatsov/article/details/81083726

上一篇：vue单向数据流的深入理解_vue.js
下一篇：在Vue中使用防抖与节流,及this指向的问题_vue.js

网站首页 Vue 正文

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

目录

Vue的组件属性this不存在

问题来源

原因

解决方案

Vue中的this丢失

解决方案

相关推荐