但是,在真机上测试时,就不是这么回事了。在一些版本较低的浏览器上会出现滑不动,页码消失,滑动时卡顿,自动轮播失效等问题。判断与某些情况下多次实例化了 swiper 有关。于是我们加以改进,在每次实例化 swiper 之前先判断是否已存在,如果有就先调用 destroy 方法销毁掉:
做过以上处理后 swiper 滑动时顺畅多了,但这还不是最终解决方案,在个别手机上依然存在一些偶现的小问题。我们在更换脚手架时,顺便把滑动组件也更换为了vue插件 Vue-awesome-swiper,除标签外,其 API 与 swiper.js 基本一致。更换之后,那些问题随之解决。
总结从接手PLUS会员移动端改版项目,到一次次的升级、改版、完善、上线,这个过程中我们遇到了很多难题,项目逻辑复杂、时间紧迫,走了不少的弯路。回想一路走过来磕磕绊绊,但团队人员并没有因此气馁,而是逢山开道,遇水搭桥,想尽各种办法,克服各种困难,来解决遇到的问题,实现所需的功能。我们也从中学到了很多东西。值得欣慰的是在大家共同努力下,PLUS会员项目取得了不错的成绩,用户体验和相关数据有了大幅提升。项目方报喜的时候,便是我们最开心的时刻!