- 原因:
如图所示:这是一个很基本的启用滑动切换(swipeable)属性的van-tabs引用,一共两个标签页,正常滑动时无问题,但当处于最左侧Tab页且继续向左滑动时,会导致滑动切换事件失效,右侧亦然; - 解决方案:参考vant-tabs文档中页面最下方常见问题,调用组件的 resize 方法来主动触发重绘;
<van-tabs id="tabs" />
this.selectComponent('#tabs').resize();
注意:该方法不要写在van-tabs当前激活的标签改变时触发事件中,因为此时该事件并未触发。可写在其他点击事件中。