您的位置：首页 > Web前端 > Vue.js

vue请求服务器数据后绑定不上的解决方法

2019-11-01 07:06 756 查看

后台返回的数据，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请求服务器数据后绑定不上的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： vue 请求服务器数据绑定

相关文章推荐

新的分享

章节导航