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'),
},
],
页:
[1]