vue created钩子使用后台数据赋值给data里的变量，报错‘undefined’

created: function () {

this.$axios.post('/jsonData').then( function (res) {

this.cares = res.data;

console.log(this.cares)

})

以上报错‘undefined’

经过查询得知，.then回调里的this指向的不是vue实例，所以出错。

解决办法：

1、修改this指向，原生js可以用.bind（）方法

2、ES6 箭头函数

.then( res => {

this.cares = res.data;

console.log(this.cares)

})

转载于:https://www.cnblogs.com/yinblog/p/11549916.html

vue created钩子使用后台数据赋值给data里的变量，报错‘undefined’相关推荐

vue渲染时数据对象里面的子对象的属性报错undefined，但页面正常渲染
vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染. 报如图所示错误页面中报错的位置原因是在data中申明了空对象,页面在渲染的时候,数据还没获取到的时候,首先渲染的是初 ...
vue中请求到的数据赋值给data 对象
在写vue的项目时,用axios请求到的数据,直接赋值给data对象,当修改data对象里面的数据,请求到的数据也会改变. _this.detailData是data对象里面的数据,response. ...
vue使用ajax提交数据,vue使用ajax请求后台数据的方法
vue使用ajax请求后台数据的方法发布时间:2020-10-15 16:54:41 来源:亿速云阅读:108 作者:栢白这篇文章主要介绍了vue使用ajax请求后台数据的方法,具有一定借鉴价值 ...
关于jsp web项目，jsp页面与servlet数据不同步的解决办法（报错404、405等）即访问.jsp和访问web.xml中注册的/servlet/的区别
报错信息: Type Status Report Message HTTP method GET is not supported by this URL Description The method ...
Vue scss 引入变量报错
官网css引入配置参考文章我在项目里自定义了vue.config.js的rules关于scss的loader所以我是直接子啊loader配置options就可以 { test: /\.scss$/ ...
phpexcel列数太多,【PHPEXECL】关于使用phpExecl导出数据时,列数超过26个报错问题
今天遇到一个关于导出excel表的问题,原因是因为导出的数据列数超过26列,为什么超过26列就会报错呢,因为execl表的抬头标示是从A-Z的,所以超过26位之后,会用[/^等等标识符进行标示.其实这 ...
dedecms后台报错“Undefined variable cfg_domain_cookie”的解决方法
dedecms后台报错"Undefined variable cfg_domain_cookie"的解决方法打开调试模式 Notice: Undefined variable: ...
vue调用接口获取后台数据_使用Vue实现调用接口加载页面初始数据
使用Vue实现调用接口加载页面初始数据闲着没事写了一个电影推荐的网页,很简单,使用的是Vue的实现. let vm = new Vue({ el:'#content', data:{ name:'' ...
Vue 利用axios请求后台数据
说明:前后端代码不在同一个电脑上后端接口地址: http://ip:8888/Xqy/user/queryUser?name=xqy 一:准备工作导包: npm i axios 安装其他插件的时候 ...

vue created钩子使用后台数据赋值给data里的变量，报错‘undefined’

vue created钩子使用后台数据赋值给data里的变量，报错‘undefined’相关推荐

最新文章

热门文章