解决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 {
// 失败了
})
},以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue实现todolist单页面应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要为大家介绍了vue实例成员 插值表达式 过滤器基础教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪2022-04-04
用vue开发了三四个组件了,都是H5的,现在来看看PC是如何玩转组件的,下面这篇文章主要给大家介绍了关于Vue如何利用flex布局实现TV端城市列表功能的相关资料,需要的朋友可以参考下2023-01-01
最近公司需要做个项目,需要拖拽表格和自定义表格字段,本文主要介绍了vue中el-table实现可拖拽移动列和动态排序字段,具有一定吃参考价值,感兴趣的可以了解一下2023-12-12
这篇文章主要介绍了vue拦截器实现统一token,并兼容IE9验证功能，本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2018-04-04
AES算法是一种对称加密算法,用于加密和解密数据,下面这篇文章主要给大家介绍了关于Vue项目中实现AES加密解密的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-08-08
vue中的<template>标签与react中的<></>标签区别详解
这篇文章主要为大家介绍了vue中的<template>标签与react中的<></>标签区别详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
vue原理Compile之optimize标记静态节点源码示例
这篇文章主要为大家介绍了vue原理Compile之optimize标记静态节点源码示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
大家都知道在Vue里面有两种出名的插件能够支持发起异步数据传输和接口交互,分别是axios和vue-resource,同时vue更新到2.0之后,宣告不再对vue-resource更新,而是推荐的axios,今天就讲一下怎么引入axios,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了vue输入框使用模糊搜索功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05
最新评论