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

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

data(){

list :"haha"

}

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

主要原因是:

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

解决办法:

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

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20190919220007241.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjgwOQ==,size_16,color_FFFFFF,t_70)

2,在axio外面定义

var that=this

image-20210625175239871

posted @ 2022-12-15 17:25  木子墨墨  阅读(614)  评论(0)    收藏  举报