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ù)后綁定不上的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
element中el-container容器與div布局區(qū)分詳解
這篇文章主要介紹了element中el-container容器與div布局區(qū)分詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
Vue3+TypeScript+Vite使用require動態(tài)引入圖片等靜態(tài)資源
本文主要介紹了Vue3+TypeScript+Vite使用require動態(tài)引入圖片等靜態(tài)資源，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
這篇文章主要介紹了Vue3 全局使用按鈕截流指令示例代碼,Vue2與Vue3中的自定義指令實現(xiàn)方式略有不同，但實現(xiàn)的按鈕截流功能是類似的，本文通過示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-05-05
這篇文章主要介紹了vue中調用HTTP請求的詳細步驟,文中通過代碼示例給大家講解的非常詳細,對大家的學習或工作有一定幫助,需要的朋友可以參考下2024-07-07
這篇文章主要介紹了vue綁定class的三種方法，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
放大鏡效果在很多購物網(wǎng)站都可以看到，本文主要介紹了vue3實現(xiàn)淘寶放大鏡效果的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
Vue中JSON文件神奇應用fetch、axios異步加載與模塊導入全指南詳細教程
在Vue中使用JSON文件有多種方式,包括使用fetch方法加載JSON文件、使用axios庫加載JSON文件,以及將JSON文件導入為模塊,這篇文章主要介紹了Vue中JSON文件神奇應用fetch、axios異步加載與模塊導入全指南詳細教程,需要的朋友可以參考下2024-01-01
vue3:vue2中protoType更改為config.globalProperties問題
這篇文章主要介紹了vue3:vue2中protoType更改為config.globalProperties問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了vue項目實現(xiàn)文件下載進度條功能,本文通過具體實現(xiàn)代碼給大家介紹的非常詳細，需要的朋友可以參考下2021-09-09
vue使用v-model進行跨組件綁定的基本實現(xiàn)方法
這篇文章主要給大家介紹了關于vue使用v-model進行跨組件綁定的基本實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04