vue-awesome-swiper初始设置display:none的元素失效

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>