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

Posted yinblog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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)
      )
 

以上是关于vue created钩子使用后台数据赋值给data里的变量,报错‘undefined’的主要内容,如果未能解决你的问题,请参考以下文章

Vue中什么阶段才能调用DOM?什么阶段能发起请求?

this.$nextTick()怎么使用?

在vue-router中利用钩子函数调用vuex中的数据

vue的created函数中方法执行的顺序设置方法

使用 `vue-test-utils` 和 `jest` 使用 `Created` 钩子进行测试

vue $set 给数据赋值