swiper插件加载时宽度显示错误

发布时间 2023-04-03 11:17:55作者: 我超凶的

最近在使用swiper插件编写滑动轮播图,要求一次显示多个图片,但出现了一个问题,首次进入没问题,但跳转页面返回后图片宽度会发生变化,大致情况如下:

这是正常情况,可以左右滑动
js代码如下:

但页面跳转返回后,页面就变成了这种:

并且左右滑动也会有各种问题。

后来上网查了一下原因,发现出现这种问题的原因是swiper隐藏后重新加载显示导致的,修改方法也很简单,在js里新增两个属性就行。
修改后的代码如下:

这样就没问题了!