解决Vue的组件属性this不存在问题
更新时间：2022年01月23日 15:05:41 作者：yatsov
这篇文章主要介绍了解决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 {
// 失败了
})
},以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
最近通过在网上查找资料，自己整合研究了一个可以直接在表格中操作数据的基于element-ui的前端模板。可以让增改数据的操作显得方便一点，感兴趣的可以了解一下2021-12-12
下面小编就为大家分享一篇Vue2.0子同级组件之间数据交互方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了Vue-cli项目部署到Nginx服务器的方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了vue+element-ui表格封装tag标签使用插槽，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
vue项目报错Extra semicolon (semi)问题及解决
这篇文章主要介绍了vue项目报错Extra semicolon (semi)问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要为大家详细介绍了vue实现拖拽的简单案例，不超出可视区域，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
el-input输入校验不能为空格以及不能输入全部为空的内容
这篇文章主要给大家介绍了关于el-input输入校验不能为空格以及不能输入全部为空的内容的相关资料,el-input验证规则主要是为了确保输入的内容符合特定的要求,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了vue深度优先遍历多层数组对象方式(相当于多棵树、三级树)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
本文主要介绍了Vue实现模糊查询搜索功能的步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-10-10
go-gin-vue3-elementPlus带参手动上传文件的案例代码
这篇文章主要介绍了go-gin-vue3-elementPlus带参手动上传文件的案例代码,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-11-11
最新评论