溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
后臺返回的數據，json類型
{"success":1,"tagList":[{"Id":1,"name":"林俊杰"},{"Id":2,"name":"MV"},{"Id":3,"name":"三次元"},{"Id":4,"name":"燃"},{"Id":5,"name":"宅"}]}
Vue綁定UI的代碼
<div class="tag-wrapper">
<a class="tag-item" v-for="item in tagList">{{item.name}}</a>
</div>
下面是Vue請求數據的代碼
var hotTag=new Vue({
el:".tag-wrapper",
data:{
tagList:[],
selected_num:0
},
mounted:function(){
this.init();
},
methods:{
init:function(){
axios.get("handle/getHotTag").then( function(result) {
this.tagList = result.data.tagList;
})
// axios.get("handle/getHotTag").then( (result) => {
// this.tagList = result.data.tagList;
// })
}
}
});
出來的結果是空的，a.tag-item沒有出現，但是在init函數中打印this.tagList則是存在數據的。
將函數換成雙箭頭形式發現成功的綁定上了，原因還不知道
axios.get("handle/getHotTag").then( (result) => {
this.tagList = result.data.tagList;
})
以上這篇vue請求服務器數據后綁定不上的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
