1.问题描述
通过tab切换两个swiper,初始隐藏的一个无法正常滑动
dom结构

<ul>
  <li>menuOne</li>
  <li>menuTwo</li>
</ul>
<div>
  <div class="item">
    <swiper></swiper>
  </div>
  <div class="item" style="display:none;">
    <swiper></swiper>
  </div>
</div>

2.解决方案
配置中添加

observer: true,
observerParents: true

dom结构修改,删除外层div

<ul>
  <li>menuOne</li>
  <li>menuTwo</li>
</ul>
<div>
  <swiper class="item"></swiper>
  <swiper class="item" style="display:none;"></swiper>
</div>
作者 铁血 汉子 2018年12月25日
2022/06/26/03:12:20pm 2018/12/25/7:49:57
0 1437