[ios10]ios10以下版本内浏览器无法打开vue项目

在项目(vue)测试过程中发现,ios10一下版本的浏览器均无法正常加载,出现白屏现象,开始以为是不支持es6语法的原因,但是添加es6转es5的配置之后还是无法加载,通过找了一系列方法发现可能是swiper造成的(首页使用了swiper进行图片轮播)
解决:将swiper4.4.1->3.4.2,并修改一定的语法。

// 4.4.1
var swiper = new Swiper(".swiper-container", {
  loop: true,
  speed: 800,
  autoplay: {
    disableOnInteraction: false, //手动滑动之后不打断播放
    delay: 2000
  },
  observer: true, //监听,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。
  pagination: {
    el: ".swiper-pagination"
  }
});

// 3.4.2
var swiper = new Swiper(".swiper-container", {
  loop: true,
  speed: 800,
  autoplay: 2000,
  autoplayDisableOnInteraction: false,
  observer: true, //监听,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。
  pagination : '.swiper-pagination',
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容