swiper3.x和4.x华为浏览器的兼容性问题

在做电商网站的面料图与大图联动展示效果时,遇到了滑动面料图后点击一个面料,无法将大图滑动到指定面料的效果图。其中的面料图是ajax动态读取,使用myswiper.appendSlide(data.colorlist.split(','))方法添加,并没有使用myswiper.update()方法更新,导致部分华为机型(mate10、mate 20pro 、P20)的浏览器及微信下点击无法监听,但是其他品牌的浏览器及微信下均正常。

由于旧版本是用swiper3.x实现的两个轮播联动,本以为升级4.x就能解决问题,最终问题却出在ajax加载未使用update()。

前端页面效果如下:

swiper3.x和4.x华为浏览器的兼容性问题