Vue3使用swiper

需求：实现一个页面单个商品的滑动

 

 

 问题： 刚开始做的时候看官方文档看的头疼，以为是版本问题，装了卸，卸了装，做出来是三个商品在一页上，一滑就全划走了。无法实现单个滑动

解决： 直接梭哈,管他什么版本的 

　　

npm install swiper
npm install vue-awesome-swiper

具体案例可以看下这个 https://github.surmon.me/vue-awesome-swiper

 

 

 看的这个符合。就直接copy源码，然后在swiper-slide里填内容，最好是用源码，分段可能会报错，比如

 

 

 当时这个标签就用的自己的，结果少了lang,就报错了，css报错可以把里面的全删了，影响不大

套完壳后就可以了