vueサーバのデータを要求した後、結合できない解決方法
1476 ワード
バックグラウンドで返したデータは、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-intemは現れませんでしたが、init関数ではthis.tagListが印刷されています。関数を二重矢印に変換すると、成功したバインディングが発見されました。原因はまだ分かりません。
axios.get("handle/getHotTag").then( (result) => {
this.tagList = result.data.tagList;
})
以上のこのvueはサーバのデータを要求しましたが、結び付けられない解決方法は編集して皆さんに全部の内容を共有することです。参考にしていただければと思います。どうぞよろしくお願いします。