ViewUIPlus
ViewUIPlus copied to clipboard
[Bug Report]Carousel走马灯显示问题
问题
Carousel走马灯显示第一遍图片会成功显示,第二遍显示时全是加载中,第三遍也能成功显示,第四遍报错,也就是当显示遍数为奇数是能够成功显示图片,偶数时则会全部显示为加载中
重现链接
https://run.iviewui.com/preview/tizBmaeW
运行报错代码
<template>
<div>
<keep-alive>
<Carousel v-if="CarouselData.length >= 1" autoplay loop key="carousel">
<CarouselItem v-for="(item, index) in CarouselData" :key="index">
<div class="demo-carousel">
<Image :lazy="false" :src="item" />
</div>
</CarouselItem>
</Carousel>
</keep-alive>
</div>
</template>
<script>
import {Carousel, CarouselItem, Image} from "view-ui-plus";
export default {
components: {Carousel, CarouselItem, Image},
data() {
return {
CarouselData: [
'http://192.168.255.15:8888/file/images/default.jpg'
],
};
},
};
</script>
期望的结果
希望能够解决这个问题,无论走马灯运行多少遍,都可以正常显示这个图片