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>
树立目标,保持活力,gogogo!