問題描述vue+jquery。用$.ajax發送請求更新數據，數據更新了，但是頁面沒有變化相關代碼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">暫無數據...</p>結果結果console.log(this.myData)已經更新；但是視圖沒有更新，仍舊顯示暫無數據
1 回答
UYOU
TA貢獻1878條經驗 獲得超4個贊
this指向的問題，代碼如下：
data: { myData:[];
}
methods:{ get:function(){
$.ajax({ url: "http://XXXX", type: "GET", context: this, // 把vue實例傳過去或者使用箭頭函數
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">暫無數據...</p>添加回答
舉報
0/150
提交
取消