![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
swiper
老君-hjs
屎山雕花师
展开
-
vue3.x使用swiperUI “loop“: true失效
版本号:vue/cli:4.5.12swiper:^6.8.4问题动态加载图片时, swiper 的 loop: true 失效解决方案这里有两种解决方案启动动态检查器(OB/观众/观看者),当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。默认false,不开启,可以使用update()方法更新。observer: true,observeParents: true,observeSlideChildren: true,...原创 2021-11-08 11:46:32 · 506 阅读 · 0 评论 -
vue3.x使用swiper 做卡片轮播
版本号:vue/cli:4.5.12swiper:^6.8.4安装npm install --save swiper使用以及配置<div class="swiper-container home_swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item,index) in aImages" :key="index"> <img :src="item原创 2021-11-08 11:31:19 · 2458 阅读 · 9 评论 -
vue3.x使用swiperUI动态加载图片失败
版本号:vue/cli:4.5.12swiper:^6.8.4问题动态加载图片,但是动态加载图片为空,需要显示默认图片时使用v-if失效<div class="swiper-container home_swiper"> <div class="swiper-wrapper" v-if="aImages.length > 0"> <div class="swiper-slide" v-for="(item,index) in aImages" :key原创 2021-11-08 10:43:02 · 427 阅读 · 0 评论