vue项目中swiper修改swiperOptions之后重新初始化及在低版本安卓手机白屏的问题

情景：在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的