首頁(yè) 猿問(wèn) 帶有動(dòng)態(tài)數(shù)據(jù)的 vue 輪播

帶有動(dòng)態(tài)數(shù)據(jù)的 vue 輪播

JavaScript

哈士奇WWW 2021-09-30 16:51:55

無(wú)法顯示帶有數(shù)據(jù)庫(kù)數(shù)據(jù)的輪播數(shù)據(jù)庫(kù)中的數(shù)據(jù)已經(jīng)找回了，只是不能出現(xiàn)在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 結(jié)果中的數(shù)據(jù)顯示為卡片上的標(biāo)題，而 loadfield 結(jié)果中的數(shù)據(jù)顯示為卡片上的按鈕

查看完整描述

1 回答

慕的地6264312

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊

嘗試:從v-for指令中刪除綁定符號(hào)，指令默認(rèn)綁定到您的屬性：

<div class="card-carousel--card-header">{{fieldlist.value}}</div>

<div class="btn button" :class="classStatus()" v-on:click="classStatus(3)" :disable="disableButton(2)">{{schedulelist.start_time}}-{{schedulelist.end_time}}</div>

</div>

反對(duì) 回復(fù) 2021-09-30