哈士奇WWW
2021-09-30 16:51:55
無法顯示帶有數據庫數據的輪播數據庫中的數據已經找回了,只是不能出現在UI中<b-row> <div class="card-carousel-wrapper"> <div class="card-carousel--nav__left" v-on:click="moveCarousel(-1)" :disable="atHeadOfList"></div> <div class="card-carousel"> <div class="card-carousel--overflow-container"> <div class="card-carousel-cards" :style="{transform:'translateX'+'('+currentOffset+'px'+')'}"> <div class="card-carousel-card" :v-for="field in fieldlist"> <div class="card-carousel--card-header">{{fieldlist.value}}</div> <div class="card-carousel--card" :v-for="schedule in schedulelist"> <div class="btn button" :class="classStatus()" v-on:click="classStatus(3)" :disable="disableButton(2)">{{schedulelist.start_time}}-{{schedulelist.end_time}}</div> </div> </div> </div> </div> </div> <div class="card-carousel--nav__right" v-on:click="moveCarousel(1)" :disable="atEndOfList"></div> </div> </b-row><script> loadSchedule(){ axios({ url: 'bookings/schedule/list/', method:'PUT', data:{ id_field:this.selectedField } }).then(response=>{ this.schedulelist = response.data.serve }).catch(error=>{ console.log(error); }); },</script>loadfield 結果中的數據顯示為卡片上的標題,而 loadfield 結果中的數據顯示為卡片上的按鈕
1 回答

慕的地6264312
TA貢獻1817條經驗 獲得超6個贊
嘗試:從v-for指令中刪除綁定符號,指令默認綁定到您的屬性:
<div class="card-carousel-card" v-for="field in fieldlist">
<div class="card-carousel--card-header">{{fieldlist.value}}</div>
<div class="card-carousel--card" v-for="schedule in schedulelist">
<div class="btn button" :class="classStatus()" v-on:click="classStatus(3)" :disable="disableButton(2)">{{schedulelist.start_time}}-{{schedulelist.end_time}}</div>
</div>
</div>
添加回答
舉報
0/150
提交
取消