ViewUIPlus icon indicating copy to clipboard operation
ViewUIPlus copied to clipboard

[Bug Report]Carousel走马灯显示问题

Open xiaocilx opened this issue 2 years ago • 0 comments

问题

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>

期望的结果

希望能够解决这个问题,无论走马灯运行多少遍,都可以正常显示这个图片

xiaocilx avatar Sep 30 '23 14:09 xiaocilx