1. 程式人生 > 實用技巧 >iview Carousel 圖片不顯示,滾動後又顯示了!

iview Carousel 圖片不顯示,滾動後又顯示了!

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>