vue請求服務器數(shù)據(jù)后綁定不上的解決方法
更新時間：2019年10月30日 09:13:58 作者：零食粉碎機
今天小編就為大家分享一篇vue請求服務器數(shù)據(jù)后綁定不上的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
后臺返回的數(shù)據(jù)，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請求數(shù)據(jù)的代碼
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沒有出現(xiàn)，但是在init函數(shù)中打印this.tagList則是存在數(shù)據(jù)的。
將函數(shù)換成雙箭頭形式發(fā)現(xiàn)成功的綁定上了，原因還不知道
axios.get("handle/getHotTag").then( (result) => {
this.tagList = result.data.tagList;
})
以上這篇vue請求服務器數(shù)據(jù)后綁定不上的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
基于ElementUI中Table嵌套實現(xiàn)多選的示例代碼
這篇文章主要介紹了基于ElementUI中Table嵌套實現(xiàn)多選的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
這篇文章主要介紹了基于vue.js仿淘寶收貨地址并設置默認地址的案例分析,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
關于vue-cli-service:command?not?found報錯引發(fā)的實戰(zhàn)案例
這篇文章主要給大家介紹了關于vue-cli-service:command?not?found報錯引發(fā)的相關資料,文中通過實例代碼將解決的過程介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2023-02-02
本篇文章主要介紹了深入理解Vue生命周期和手動掛載，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
父組件向子組件傳值，使用 props：可以通過在子組件上綁定 props，然后在父組件中通過 v-bind 綁定相應的數(shù)據(jù)來傳遞數(shù)據(jù)，這篇文章主要介紹了Vue?組件之間傳值的方法,需要的朋友可以參考下2023-12-12
Ant Design moment對象和字符串之間的相互轉化教程
這篇文章主要介紹了Ant Design moment對象和字符串之間的相互轉化教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
SpringBoot結合Vue3實現(xiàn)簡單的前后端交互
本文主要介紹了SpringBoot結合Vue3實現(xiàn)簡單的前后端交互,結合實際案例,說明了如何實現(xiàn)前后端數(shù)據(jù)的交互,具有一定的?參考價值,感興趣的可以了解一下2023-08-08
本篇文章主要介紹了vue-cli如何快速構建vue項目，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
vue項目刷新當前頁面的三種方式(重載當前頁面數(shù)據(jù))
這篇文章主要介紹了vue項目刷新當前頁面的三種方式(重載當前頁面數(shù)據(jù)),本文結合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
ant desing vue table 實現(xiàn)可伸縮列的完整例子
最近在使用ant-design-vue做表格時，遇到要做一個可伸縮列表格的需求，在網(wǎng)上一直沒有找到好的方法，于是小編動手自己寫個可以此功能，下面小編把ant desing vue table 可伸縮列的實現(xiàn)代碼分享到腳本之家平臺供大家參考2021-05-05