526互联

swiper使用时出现的问题总结

发布时间 2023-04-03 17:22:17作者: 阳光下的向日葵

1、展示异常或者滑动有问题，有可能是因为swiper未正常渲染。

解决：定义swiper延迟500ms

2、出现白屏

解决：swiper内如果是img时，需设置具体的height数值。

3、在把swiper挂载到页面标签时，若此标签或其父标签为display:none，过后标签显示时也无法正常显示轮播。

解决：设置个标识，flag=true，标签展示时再挂载，便可正常显示。