vant tab标签页无法左右滑动

Question

我看官网和很多人都说vant tab标签页超过5个之后可以左右滑动标签，但是我尝试了一下发现不能左右滑动，是为什么呢？

<van-tabs>
  <van-tab v-for="index in 8" :title="'标签 ' + index">
    内容 {{ index }}
  </van-tab>
</van-tabs>

Answer 1

经过发现，是因为页面上引用了mescroll.js导致了其他组件不能滑动。

因此在tab的组件上加上class="mescroll-touch-x"即可解决

Answer 2

建议手机端测试操作 或者 浏览器F12 调成移动设备预览
文档：https://vant-contrib.gitee.io...

手机端预览地址：https://vant-contrib.gitee.io...

Answer 3

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。