本文记录在Vue项目中使用vue-awesome-swiper遇到的问题及解决方法。主要难点在于swiper4与swiper5的区别，以及在手动切换轮播图时出现的错误。解决方法是修改swiper的js文件，屏蔽e.preventDefault()。在Vue组件中应用swiper4的详细步骤参考其官方文档。
今天做vue的轮播功能，然后遇到了很大的坑，首先是最新版的插件是基于swiper4.相比swiper5及其难用。导致弄了很久才排除大坑
最值得一提的是，在手动去化轮播图时，会报错：
最后在网上找到一个解决方案：去swiper的js文件中搜索 e.preventDefault() 然后将其屏蔽即可。
接下来说说在vue中如何使用。当然，具体的参考swiper4官方文档！
因为不止一个组件使用到iswiper，所以定义到全局
在组件中就直接粘贴代码了：
<!-- The ref attr used to find the swiper instance -->
<template>
<swiper :options="swiperOption" ref="
最低0.47元/天 解锁文章
扫一扫
9845
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
