VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property ‘xxxx‘ of undefined 的解决办法

最新推荐文章于 2025-10-29 19:38:18 发布
转载 最新推荐文章于 2025-10-29 19:38:18 发布 · 436 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
原文链接：https://www.cnblogs.com/qq254980080/p/10441848.html
收录于
vue

当前文章被收录于：

vue
11 篇文章 2 人学习
订阅专栏 查看详情
本文探讨了在Vue中使用Axios时，then方法内部的this上下文未正确绑定导致的问题。详细解释了为什么在then内部this会变成undefined，并提供了解决方案，即在请求外部预先绑定this到一个变量上。

转载自:https://www.cnblogs.com/qq254980080/p/10441848.html

防止木了

主要原因是：

在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定

在then的内部，console.log(this)，输出undefined

 

解决办法：

在请求axios外面定义一下 let that = this

内部用：that.info = repos.data

 

标签
#vue
Cursor、Windsurf、Claude Code 三款AI编程工具深度对比
最新发布
人生的意義在於修煉！修煉之路～
07-15 400
AI编程工具已从代码补全插件演进为具备独立运行逻辑的‘开发操作系统’。其核心差异不在界面或品牌，而在于底层抽象层级：Cursor聚焦编辑器层的输入预测，Windsurf构建执行层的可审计命令编排，Claude Code则依托超大上下文实现跨文件的认知建模。这种分层本质决定了它们在响应速度、重构准确率、安全审计能力及企业合规性上的不可替代性。2026年开发者面临的真实挑战，已不是‘要不要用AI’，而是如何根据任务负载（如单行修复/模块重构/全库审计）、认知压力（理解遗留代码占比）与成本结构（信用点/任务粒度/
局域网ip冲突检测工具_python 小工具实现 windows笔记本与 ipad数据互传
weixin_39866265的博客
11-28 4405
宅在家没事的时候就开始琢磨ipad的进阶使用，由于没有mac无法隔空投送，ipad与windows的数据交互表现极差，所以设计了这个ftp小工具。当然，这个工具不仅仅能用于windows与ipad，还可以用于局域网任意两台设备之间程序源码与下载见文章末尾使用说明windows端：biubiubiu.exeipad端： appsotre下载 FE文件管理器windows端操作在c盘下创建ftp目录...
[已解决]TypeError: Can not set property ‘xxx‘ of undefined报错情况分析
五花漏的博客
05-26 7万+
之前我写过一篇 [已解决]TypeError: Cannot read property ‘xxx‘ of undefined报错情况分析 那篇报错说的是Cannot read ——“不能读取未定义的数据” 这个报错是Cannot set ——“不能设置未定义的数据”，也就是说你不能给未定义的数据赋值。 可以看到：如果一个变量a没有在data中定义，你这样去给它赋值： this.a = 'hello,world'，是没有问题的。 类似于一个变量未经声明就赋值，都可以看做是在window对象上寻找这个变量
正确解决Uncaught TypeError : Cannot set property xxx which has only a getter异常的有效解决方法
wbajsjhhhhh的博客
05-05 4860
正确解决Uncaught TypeError : Cannot set property xxx which has only a getter异常的有效解决方法
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法...
weixin_30702413的博客
02-27 348
data里面做了定义 在方法里面进行赋值 用 this.info = repos.data 数据可以请求到，但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是： 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定 在then的内部，cons...
报错TypeError: Cannot set property ‘type‘ of undefined
aurora
08-28 9268
TypeError: Cannot set property ‘type’ of undefined报错问题 <script> export default { data () { return { query: '', // 表格数据 // username: "admin" // email: "adsfad@qq.com" // mobile: "12345678" // create_time: 1486
VUE使用axios数据请求时报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法
庭落
09-19 5万+
正常情况下在data里面都有做了定义 data () { return { list: [] } } 在函数里面进行赋值 this.list = response.data.result 这时候你运行时会发现，数据可以请求到，但是会报错TypeError: Cannot set property ‘listgroup’ of undefined 主要原因是： 在 ...
vue中遇到的坑“vue.js 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property ‘xxxx‘ of undefined “的解决办法
qq_16733389的博客
08-18 1466
上面的data里面做了定义 并且也取到了数据，但就是定义的数据一致显示未定义。 原因：在使用axios的时候then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定在then的内部，console.log(this)，输出undefined。 解决方法： ...
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法
rj2017211811的博客
09-11 8673
在axios里使用this.xxxx(xxxx为data里面定义的)报错 TypeError: Cannot set property 'xxxx' of undefined 主要原因是： 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定。 可以看下 Stackoverflow 的解释： 解决办法： 1、用ES6箭头函数，箭头方法可以和父方法共享变量 2、在...
VUE使用axios数据请求时报错 TypeError: Cannot set property ‘xxxx‘ of undefined 的解决办法
小猫爪子
11-11 2693
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property ‘xxxx’ of undefined 的解决办法 正常情况下在data里面都有做了定义 在函数里面进行赋值 这时候你运行时会发现，数据可以请求到，但是会报错 TypeError: Cannot set property ‘listgroup’ of undefined 主要原因是： 在 then的内部不能使用Vue的实例化的this, 因为在内部 this 没有被绑定。 可以看下 St
【问题】Pycharm创建Django项目后，出现TypeError错误
weixin_40458518的博客
09-18 4720
在pycharm开发工具下，使用软件自带的django创建django项目，没有任何添删改的前提下，运行项目应该能成功打开下面的网页。 一、抛出异常 但是pycharm运行django项目时，抛出如下错误： TypeError: unsupported operand type(s) for /: ‘str’ and 'str’ 二、解决问题 步骤1：点击链接，打开"settings.py"修改 步骤2：修改斜杠为逗号 ...
VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法...
weixin_33801856的博客
11-10 1606
正常情况下在data里面都有做了定义 在函数里面进行赋值 这时候你运行时会发现，数据可以请求到，但是会报错 TypeError: Cannot set property 'listgroup' of undefined 主要原因是： 在then的内部不能使用Vue的实例化的this, 因为在内部this没有被绑定。可以看下Stackoverflow的解释： 解决办法：...
TypeError: Cannot read property 'xxxx' of undefined的解决方法
热门推荐
静幽水
10-12 9万+
TypeError: Cannot read property ‘length’ of undefined
vue 启动项目报错:TypeError: Cannot set property ‘parent‘ of undefined异常解决
温柔雨哥的博客
06-29 5064
Syntax Error: TypeError: Cannot set property ‘parent‘ of undefined异常解决
axios TypeError: Cannot set property ‘xxxx‘ of undefined 的解决办法
chi_666的博客
12-31 442
前端
JavaScript | 如何解决 Cannot set property of Undefined
分享技术类相关知识点、技巧，和大家一起成长。
06-12 6万+
如何解决 Cannot set property of Undefined
Syntax Error: TypeError: Cannot set property ‘parent‘ of undefined异常解决
由入门到精通
10-13 2169
根据报错提示找到/src/components/NumberInfo/NumberInfo.vue文件把 @import “index”;在执行npm run serve后，前端项目报错。
[已解决]TypeError Can not set property ‘xxx‘ of undefined报错情况分析
web15185420056的博客
03-02 3281
之前我写过一篇 [已解决]TypeError: Cannot read property ‘xxx‘ of undefined报错情况分析 那篇报错说的是Cannot read ——“不能读取未定义的数据” 这个报错是Cannot set ——“不能设置未定义的数据”，也就是说你不能给未定义的数据赋值。 可以看到：如果一个变量a没有在data中定义，你这样去给它赋值： this.a = 'hello,world'，是没有问题的。这说明跟 数据在不在data中定义 没啥关系。 问题在于this的指向 th
vs报错TypeError: Cannot read property ‘parseComponent‘ of undefined（已解决）
m0_51160509的博客
01-11 2788
可以在项目的 `package.json` 文件中找到 Vue 的依赖项，或者运行以下命令来查看已安装的 Vue 版本： npm list vue。先卸载vue-template-compiler依赖，再次下载vue-template-compiler新版本。这是因为vue-template-compiler的版本不对，导致vue的模板语法及组件无法正常编译。我的是2.7.16版本的，你们记得把数字改成你们对应的版本号。
Syntax Error: TypeError: Cannot set property ‘parent‘ of undefined(解决依赖模块版本问题)
hsany330的专栏
04-17 2276
所以解决办法是将package.json文件中将vue的版本给固定住也就是说 "vue": "^2.6.11" 转换为"vue": "2.6.11",还有"vue-template-compiler": "^2.6.11",改为"vue-template-compiler": "2.6.11",原文链接：https://blog.csdn.net/weixin_44196534/article/details/129297593。Vue2的项目重新down下来yarn之后 yarn serve 却报错。
电子元器件-逻辑器件篇：逻辑电平、CMOS逻辑、手册解读、逻辑电平转换，应用注意事项
qq_60226558的博客
10-29 836
常用的逻辑电平TTL、CMOS、LVTTL、LVCOMS、CML、ECL、PECL、LVPECL、LVDS、RS232电平RS422电平,RS485电平等。TTL和CMOS的逻辑电平按典型电压可分为四类:5V系列、3.3V系列，2.5V系列和1.8V系列。5V TTL和5V CMOS逻辑电平是通用的逻辑电平。3.3V及以下的逻辑电平被称为低电压逻辑电平，常用的为LVTTL电平低电压的逻辑电平还有2.5V和1.8V两种。
车辆悬架设计及理论 [周长城 著] 2011年版
悬架是保证车轮或车桥与车辆承载系统（车架或承载式车身）之间具有弹性联系并能传递载荷、缓和冲击、衰减振动以及调节车辆行驶中的车身位置等有关装置的总称。 从结构功能而言，它都是由弹性元件、导向装置及减振器三个基本部分组成。此外，还可包括一些特殊功能的部件，如缓冲块和稳定杆等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值