情景:在vue的项目中使用swiper实现卡片滑动效果,因有需求,需要在点击某个slide后修改swiperOptions属性然后重新初始化swiper,(vue-cli3创建的项目,写法是官方github上vue中的写法)
尝试:
1.swiper5 直接实现,修改swiperOptions后,用swiper.destroy()销毁,然后使用this.$refs.mySwiper.initSwiper()可以实现,但是出现问题,在低版本的安卓手机页面白屏,报错Unexpected token....
2.因为之前遇到过这种不兼容的问题(改为低版本的swiper4解决了),所以同样改为了swiper4想要实现,但是swiper4中没有发现有this.$refs.mySwiper.initSwiper()这个方法,尝试了别的api方法,无效
3.搜索到很多解释,都是因为swiper包没有转为es5导致的,于是尝试了配置转换的方法,像添加.babelrc文件,修改babel.config.js, vue.config.js,也装了依赖,不是报错就是没用,也可能是我用错了
4.使用直接引入转换后的swiper.min.js包的方法,原本使用第一行,直接引入组件
我引入了之后因为使用的还是原本的组件应用方法,所以没能奏效
5.使用cdn的