vue3 中使用 swiper

 

官方这个不大好用因为有版本兼容问题:

https://swiperjs.com/vue

可以参考如下方式:主要是版本兼容问题

vue3 中使用 swiper_第1张图片

即:

 npm install [email protected]  -S

npm install [email protected] -S

npm install [email protected] -S

然后在vue中复制官方上的文档

vue3 中使用 swiper_第2张图片

即:


最终的效果如下:

vue3 中使用 swiper_第3张图片

更详细的使用请参考:

https://blog.csdn.net/jjw_zyfx/article/details/117884136?spm=1001.2014.3001.5501

你可能感兴趣的:(前端,vue,swiper)