解决vant的tab组件swipeable功能与内部scroll冲突的问题
看了下vant的tab组件源码,当开启swipeable功能后,其实会对容器监听touch事件,这就导致我们在内容部分存在横向的滚动的时候,会导致同时触发touch事件,从而产生了冲突。
解决办法就是二选一,要不在这个横向scroll的时候不触发swipeable,要不放弃swipeable。
如果是第一种方案,我们需要对存在横向scroll的容器元素,做一个事件冒泡阻断,问题就解决了。
<div @touchstart.stop @touchmove.stop @touchend.stop>
scroll的div
</div>
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
评论
最新文章
如何在项目中使用一个自定义的npm模块(如何使用一个魔改后的npm模块)
0点赞
·
1评论
Debian12 更新系统版本(目前更新至12.5版本)
0点赞
·
0评论
Nestjs CORS配置和生产环境处理
1点赞
·
0评论
Debian12 SSH连接报错:Error Handshake failed no matching host key format
0点赞
·
0评论
Prisma 使用MongoDB创建数据时报错:Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.
0点赞
·
0评论
目录
暂无目录
暂无评论数据