swiper没有渲染出来

白日梦想家2

有很大的机滤重新刷新页面后，swiper没有渲染出来
"swiper": "^5.3.6",
    "vue": "^2.5.2",
    "vue-awesome-swiper": "^4.1.1",


                    <swiper ref="about_swiper" :options="swiperOption"  @slideChange="slideChange">
                        <swiper-slide class="swiper-slide" v-for="(item,index) in carouselArr" :key="index">
                            <img :src="item.url"/>

                        </swiper-slide>
                    </swiper>




            swiperOption:{
                centeredSlides: true,
                speed:2500,
                loop: true,
                slidesPerView: 4,
                // spaceBetween: 40,
                //自动轮播
                autoplay: {
                    delay: 1,
                },
            },




            carouselArr:[
                {
                    url:require('@/common/images/about/1 (1).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (2).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (3).jpg'),
                },

                {
                    url:require('@/common/images/about/1 (5).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (6).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (7).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (8).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (9).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (10).jpg'),
                },
                {
                    url:require('@/common/images/about/1 (11).jpg'),
                },
            ],