当前位置: 代码迷 >> 综合 >> 解决swiper不能自动轮播的问题
  详细解决方案

解决swiper不能自动轮播的问题

热度:80   发布时间:2024-02-24 18:43:30.0

swiper在vue项目中不能够自动轮播

下载

npm install swiper vue-awesome-swiper --save
 "swiper": "^6.2.0","vue-awesome-swiper": "^4.1.1",

局部引入swiper,自动轮播需要引入插件,相关网站

import SwiperCore, { Autoplay } from 'swiper';
SwiperCore.use([Autoplay]);import { Swiper, SwiperSlide} from 'vue-awesome-swiper'
import 'swiper/swiper-bundle.css'
swiperOption: {loop: true,autoplay: {delay: 2000, disableOnInteraction: false},},