Swiper中文论坛

标题: swiper没有渲染出来 [打印本页]

作者: 白日梦想家2 时间: 2021-9-1 17:20
标题: swiper没有渲染出来
本帖最后由白日梦想家2 于 2021-9-1 17:21 编辑

有很大的机滤重新刷新页面后，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'),
            },
         ],

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)