4***@qq.com
4***@qq.com
  • 发布:2024-02-04 10:36
  • 更新:2024-02-04 10:36
  • 阅读:260

【报Bug】uni-swipe-action和uni-popup的按钮位置重合时,触发按钮事件冲突

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11

HBuilderX类型: 正式

HBuilderX版本号: 3.96

手机系统: Android

手机系统版本号: Android 13

手机厂商: ROG6 pro

手机机型: ROG6 pro

页面类型: vue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

示例代码:

操作步骤:

当同时使用 侧滑uni-swipe-action 和 弹出框uni-popup 组件时,侧滑按钮不可避免和弹出框的按钮在页面上出现不同时间顺序的层叠交叉,点击交叉点位时,有可能会同时触发两个按钮的事件,这并不是我们想要的情况;

预期结果:

正常情况下:
如图:d3e29390

实际结果:

侧滑和弹出框点击事件冲突:
如图:cfe57fd8

bug描述:

【报Bug】uni-swipe-action和uni-popup的按钮位置重合时,触发按钮事件冲突

问题描述:

当同时使用 侧滑uni-swipe-action 和 弹出框uni-popup 组件时,侧滑按钮不可避免和弹出框的按钮在页面上出现不同时间顺序的层叠交叉,点击交叉点位时,有可能会同时触发两个按钮的事件,这并不是我们想要的情况;演示如下:

视频描述:

侧滑和弹出框点击事件冲突:
如图:cfe57fd8

正常情况下:
如图:d3e29390

暂时解决方案

在侧滑按钮点击事件回调里面,设置200ms延迟后,再弹出 popup,可临时解决这个问题;

2024-02-04 10:36 负责人:无 分享
已邀请:

要回复问题请先登录注册