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>

 

posted @ 2020-08-26 18:24  hao_1234_1234  阅读(575)  评论(0编辑  收藏  举报