后臺返回的數據,json類型
創(chuàng)新互聯(lián)是一家業(yè)務范圍包括IDC托管業(yè)務,雅安服務器托管、主機租用、主機托管,四川、重慶、廣東電信服務器租用,成都棕樹機房,成都網通服務器托管,成都服務器租用,業(yè)務范圍遍及中國大陸、港澳臺以及歐美等多個國家及地區(qū)的互聯(lián)網數據服務公司。
{"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則是存在數據的。
將函數換成雙箭頭形式發(fā)現成功的綁定上了,原因還不知道
axios.get("handle/getHotTag").then( (result) => { this.tagList = result.data.tagList; })
以上這篇vue請求服務器數據后綁定不上的解決方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
文章標題:vue請求服務器數據后綁定不上的解決方法
瀏覽路徑:http://m.newbst.com/article10/gdidgo.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供移動網站建設、App開發(fā)、網站維護、ChatGPT、、建站公司
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)