問題描述vue+jquery。用$.ajax發(fā)送請求更新數(shù)據(jù)，數(shù)據(jù)更新了，但是頁面沒有變化相關(guān)代碼data: {
myData:[];
}
methods:{
get:function(){
$.ajax({
url: "http://XXXX", type: "GET",
data:{},
success: function(res){
// console.log(res[1]);
his.myData = res[1];
console.log(this.myData);
},
})
}
}
<ul>
<li class="text-left" v-for="(item, index) of myData">{{item}}</li>
</ul>
<p class="text-info" v-show="myData.length == 0">暫無數(shù)據(jù)...</p>結(jié)果結(jié)果console.log(this.myData)已經(jīng)更新；但是視圖沒有更新，仍舊顯示暫無數(shù)據(jù)
1 回答
UYOU
TA貢獻(xiàn)1878條經(jīng)驗(yàn) 獲得超4個(gè)贊
this指向的問題，代碼如下：
data: { myData:[];
}
methods:{ get:function(){
$.ajax({ url: "http://XXXX", type: "GET", context: this, // 把vue實(shí)例傳過去或者使用箭頭函數(shù)
data:{}, success: function(res){ // console.log(res[1]);
this.myData = res[1]; console.log(this.myData);
},
})
}
}
<ul> <li class="text-left" v-for="(item, index) of myData">{{item}}</li></ul>
<p class="text-info" v-show="myData.length == 0">暫無數(shù)據(jù)...</p>添加回答
舉報(bào)
0/150
提交
取消