鍍金池/ 問(wèn)答/HTML/ axios請(qǐng)求回來(lái)的數(shù)據(jù)無(wú)法使用

axios請(qǐng)求回來(lái)的數(shù)據(jù)無(wú)法使用

使用axios請(qǐng)求數(shù)據(jù)，在.then（）里面是可以使用的，但是在外面就沒(méi)了

clipboard.png

clipboard.png

修改后

clipboard.png

clipboard.png

回答
編輯回答
陌南塵

this指向不正確，應(yīng)該這樣寫(xiě)：

getData(){
    let _this = this;
    _this.$http.post(...).then(res => {
        _this.DataAll = res.data.data;
        console.log(_this.DataAll);
    });
    console.log(_this.DataAll);
}
2018年7月25日 19:43
編輯回答
安于心

不是this指向的問(wèn)題，請(qǐng)求是異步的，先打印出
clipboard.png 然后在執(zhí)行axios請(qǐng)求，

2017年5月6日 13:34
編輯回答
厭遇

異步

外面聲明 var that = this

this 指向問(wèn)題
你里面的this 指向是本身

2018年1月11日 10:27
編輯回答
尐懶貓

是異步請(qǐng)求啊，先執(zhí)行的最下面的那個(gè)console，這時(shí)DataAll數(shù)據(jù)為空，異步請(qǐng)求到數(shù)據(jù)后才填充進(jìn)DataAll的

2018年8月9日 17:02
編輯回答
真難過(guò)

這里肯定不是this指向問(wèn)題啊，axios請(qǐng)求是異步的，樓上的說(shuō)的對(duì)

2017年4月26日 07:05