Javascript 带动态数据的vue旋转木马

无法显示包含数据库数据的转盘

数据库中的数据已被检索，只是它无法显示在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>

{{fieldlist.value}
{{schedulelist.start{u time}}-{{schedulelist.end}

装载时间表（）{
axios({
url:“预订/日程安排/列表/”，
方法：'PUT'，
数据：{
id\u字段：此.selectedField
}
})。然后（响应=>{
this.schedulelist=response.data.service
}).catch（错误=>{
console.log（错误）；
});
},
加载位置（）{
设指数=0；
axios({
url:“/location”，
方法：'GET'，
})。然后（响应=>{
this.locationList=response.data.service
对于（索引=0；索引{
console.log（错误）；
})
},
加载域（）{
设指数=0；
axios({
url:'/field/data/'+this.selectedLocation，
方法：'GET'，
})。然后（响应=>{
控制台日志（响应）；
this.fieldlist=response.data.service
this.field=[]
对于（索引=0；索引{
console.log（错误）；
})
},

---

来自loadfield结果的数据显示为卡上的标题，来自loadschedule结果的数据显示为卡上的按钮

尝试从

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>

{{fieldlist.value}
{{schedulelist.start{u time}}-{{schedulelist.end}

如果我的答案对你有帮助，请投票表决

  <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>