1.安装swiper版本5
npm install --save swiper@5
2.引入样式(一般在main.js中引入)
import 'swiper/css/swiper.css'
3.使用的组件中引入并实例化
注:实例化要在dom加载完后,包括v-for等动态数据
import Swiper from 'swiper' const mySwiper = new Swiper('.swiper-container',{ loop: true, pagination :{ el: '.swiper-pagination', clickable :true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, })
具体swiper使用见官网 https://www.swiper.com.cn/usage/index.html