- 原因:

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

被折叠的 条评论
为什么被折叠?



