书架层显示

src/views/bookRackList.vue

@@ -13,7 +13,7 @@
     </div>
     <div v-loading="loading" class="rack-box">
       <div v-for="(item, index) in listData" :key="index" class="rack-item">
-        <div v-if="bookList[item]" :class="['swiper'+index,'rack-box-list']">
+        <div :class="['swiper'+index,'rack-box-list']">
           <div class="swiper-wrapper">
             <div v-for="eitem in bookList[item]" :key="eitem.id" class="list-item swiper-slide" @click="handleDetails(eitem)">
               <div class="box-txt">
@@ -134,10 +134,12 @@ export default {
         //   }
         // }
         this.listData.splice(0, this.listData.length, ...res.shelfAll)
+        if (res.shelfs.length !== 0) {
           for (let index = 0; index < res.shelfs.length; index++) {
             const shelfNo = res.shelfs[index]
             this.$set(this.bookList, shelfNo, res.shelfBook[shelfNo])
           }
+        }
         if (this.listData.length > 0) {
           this.initSwiper()
           this.setSwiperInit()