vue3 + swiper 从导入到踩坑
1、引入swiper
npm i swiper
2、如何在组件中使用
在js中导入
import { Swiper, SwiperSlide } from ‘swiper/vue’;
import SwiperCore, { Navigation, Pagination, Autoplay } from ‘swiper’;
// Navigation 前进后退
// Pagination 分布器
// Autoplay 多久自动播放一次
像这些一定要在这里手动引入、不然用了不起作用
SwiperCore.use([Navigation, Pagination, Autoplay]);
然后在template中直接使用就好啦
<swiper
:slides-per-view="1"