javascript - vue 初始化数据赋值报错
问题描述
vue代码<script>import axios from ’axios’;export default { data() {return { titleList: [],} }, created() {this.axios.get(’XX’).then(function(response) { console.log(response.data); this.titleList=response.data;}).catch(function (error) { console.log(error);}); }}</script>报错
TypeError: Cannot set property ’titleList’ of undefined类型错误,不能设置未定义的属性,
数据response.data是一个对象数组我已经初始化了titleList,不知为何说他未定义,求大神解答
问题解答
回答1:this 指向更改了 你可以打印出this来看一下指向谁
解决方案
1.用箭头函数吧 2.保存this (let _this = this)
回答2:.then(res => { this.titleList = res;})回答3:
this.axios.get(’XX’) .then(function (response) { response=response.body; this.titleList=response.data; }) .catch(function (error) { console.log(error);})
这样试下。如果不行,把错误贴出看下!
回答4:this指针丢失,可以使用箭头函数,也可以用一个变量保存this let _this = this
回答5:我在使用axios请求数据的时候记得是在程序入口文件main.js里面全局引入axios类库,试试引入后用Vue.prototype.$http=axios,之后就可以在全局使用了,至于楼上给出的答案指出的this指针问题,可以试试,我习惯了es6的语法,所以项目中用的一般都是箭头函数
回答6:axios.get(’***’).then((res) => { this.titleList=res.data;});
使用这种方式试试
相关文章:
1. angular.js - angularjs的自定义过滤器如何给文字加颜色?2. javascript - 如何让移动端网页的输入框固定在底部?3. MySQL中无法修改字段名的疑问4. docker镜像push报错5. angular.js - angular内容过长展开收起效果6. 请教各位大佬,浏览器点 提交实例为什么没有反应7. python的前景到底有大?如果不考虑数据挖掘,机器学习这块?8. javascript - 微信小程序封装定位问题(封装异步并可能多次请求)9. 大家好,请问在python脚本中怎么用virtualenv激活指定的环境?10. python - flask表单 如何把提交多行数据在服务端读取出来?
