首页 > 其他分享 >VUE使用axios数据请求时报错 TypeError Cannot set property 'xxxx' of undefined 的解决办法

VUE使用axios数据请求时报错 TypeError Cannot set property 'xxxx' of undefined 的解决办法

时间:2022-12-15 17:35:57浏览次数:49  
标签:axios undefined TypeError Cannot set property data

正常情况下在data里面都有做了定义

data(){

list :"haha"

}

在函数里面进行赋值
this.list = response.data.result
这时候你运行时会发现,数据可以请求到,但是会报错TypeError: Cannot set property ‘listgroup’ of undefined

主要原因是:

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

解决办法:

1、用ES6箭头函数,箭头方法可以和父方法共享变量

在这里插入图片描述

2,在axio外面定义

var that=this

image-20210625175239871

标签:axios,undefined,TypeError,Cannot,set,property,data
From: https://www.cnblogs.com/trimphNuan/p/16985632.html

相关文章

  • ATA驱动- hardreset&softreset分析
    内核文档内核路径下的文档Documentation/DocBook/libata.tmpl内核文档解释说明不同的reset调用对应的底层Errorhandlerreset函数;softreset&hardresetEH函数在内核a......
  • vue3.0--<script setup>的使用
    1.<scriptsetup>的定义<scriptsetup> 是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法是默认推荐。相比于普通的 <scr......
  • Vue笔记6--组合式API setup
    1、组合式api-setup组合式api将同一个逻辑关注点的代码收集在一起。在组件被创建前执行,props解析完成后被作为组合式api入口。setup取代了beforeCreate()和created(),由于......
  • webpack——The top-level-await experiment is not enabled (set experiments.topLev
    前言在搏皮中通过动态的引入CDN资源,来减少搏皮制品的大小,但是webpack没有开启topLevelAwait所以产生了报错;experiments:https://webpack.docschina.org/configuration/......
  • 空间数据格式(地理数据格式):GeoJSON(FeatureCollection)与EsriJSON(FeatureSet/ArcGIS
    一、FeatureCollection(GeoJSON)格式介绍https://learn.microsoft.com/en-us/javascript/api/azure-maps-control/atlas.data.featurecollection?view=azure-maps-typescr......
  • vue3.0--setup()
    1.setup()定义:setup()是vue3新增加的组件。vue3采用了组合式 API ,为了使用组合式API,我们需要一个入口,在vue3组件中,称之为setup。(简单点来说,就是vue2里面的data,me......
  • nfs挂载的目录提示不存在,比如MountVolume.SetUp failed for volume "nfs-client-root"
    原因是修改了/etc/exports文件后,需要重新加载配置文件如果新增了一行,挂载了另一个目录,保存配置文件后重启了nfs以为生效了,实际上没有生效使用以下命令可以查询当前生效......
  • git push时提示--set-upstream
    问题:提示需要加--set-upstream 分析:git分支与远程主机存在对应分支,可能是单个可能是多个。 simple方式:如果当前分支只有一个追踪分支,那么gitpushorigin到主机时......
  • 如何使用 System.Text.Json 序列化 DateTimeOffset 为 Unix 时间戳
    在.NET中,日期和时间通常使用DateTime或DateTimeOffset来表示。这两种数据类型都可以表示日期和时间,但它们之间有一些明显的区别。DateTime是不带时区信息的,而DateT......
  • 用 TFormatSettings 日期格式处理
    有小伙伴想把日期转换为Excel那样的格式,如下图,比如:2022年3月9日显示为:9-Mar-22代码如下:varFS:=TFormatSettings.Create('en-US');varStr:=FormatDateTime('......