VUE axios all()使用返回值报错

Question

data(){

  return {

    tabledata: [],

    oftenGoods: [],

  }

},

created: function () {

  axios.all([

    axios.get('test1.php'),

    axios.get('test2.php')

  ]).then(axios.spread(function(oftenResp, typeResp) {

        console.log(oftenResp.data);

        console.log(typeResp.data);

       

        this.tabledata= typeResp.data

    }))

    .catch(error=>{

      console.log(error);

    })

},

返回的两个响应数据都能拿到， 打印也是成功的

 this.tabledata= typeResp.data  //这句赋值的时候报错TypeError: Cannot read property 'tabledata' of null

 

 

 

Answer 1

// this.tabledata= typeResp.data 你把这一句写在哪里我大概明白了，then(axios.spread(function(oftenResp, typeResp) {        console.log(oftenResp.data);        console.log(typeResp.data);               this.tabledata= typeResp.data    }))        改成        then(axios.spread((oftenResp, typeResp) => {    console.log(oftenResp.data);    console.log(typeResp.data);       this.tabledata= typeResp.data}))如果支持 ES6语法，的话，哪就var _that = this........_that.tabledata= typeResp.data