iview Carousel 圖片不顯示,滾動後又顯示了!
阿新 • • 發佈:2020-08-26
iview Carousel 圖片不顯示,左右滾動後又顯示了。
原因是:每次請求圖片資料之前,都要將v-model重新設定為0!
否則他會記憶你上次的數,當這個數大於當前最大輪播數量,則顯示空白。
<Carousel v-bind:height="imgHeight+'px'" v-model="carouselValue" style="text-align:center;" dots="outside"> <div v-for="item in imgData" v-on:click="handleView(item)" > <Carousel-Item> <img v-bind:src="item.src" style="height:inherit;width:auto;cursor:pointer;" /> <div><span class="carousel-text"> {{item.picName}}</span></div> </Carousel-Item> </div> </Carousel>