本文共 553 字，大约阅读时间需要 1 分钟。

在Vue项目中, 版本问题非常常见

1. 样式无效

在安装vue-awesome-swiper时, 会默认安装swiper的高版本(6.0.0以上), 而在高版本进行的大改版, 所以并没有"swiper/css/swiper.css"文件.

方案一: 引入"swiper/swiper-bundle.css"

方案二: 降低swiper版本

npm uninstall swipernpm install swiper@5.4.5 --save

个人选用的是第二种暴力方法

2. pagination无效

一开始, 我是将父组件的swiperOption对象传到子组件中, 但发现没有效果. 后来在子组件中直接使用swiperOption, 出现分页小圆点.

swiperOption: {
       pagination: {
           el: '.swiper-pagination',    },    autoplay: {
   delay: 3000},}

3. autoplay无效

在我使用的swiper版本中, 直接使用 “autoplay: true” 是没有效果的(部分版本有效果). 后来发现 “autoplay: {delay: 3000}” 有效果.

4. 示例

转载地址：http://ktlqf.baihongyu.com/