uni-app vue3中 在使用 picker 组件 以及 相关uniAPI 的时候 会报警告 虽然不是报错但是打包鸿蒙后哟朴实点击事件不生效

uni-app vue3中 在使用 picker 组件 以及 相关uniAPI 的时候 会报警告 虽然不是报错但是打包鸿蒙后哟朴实点击事件不生效

示例代码：

uni.showActionSheet({
itemList: ["内勤添加","外勤添加"],
success: async res => {
}
})

操作步骤：

正常的 使用

预期结果：

应该事件有反应

实际结果：

无反应 但不是经常

bug描述：

在使用 picker 组件 以及uni.showActionSheet()API的时候 ，会报警告 Added non-passive event listener to a scroll-blocking ‘touchstart’ event. Consider marking event handler as ‘passive’ to make the page more responsive 虽然不是报错 但是 有概率出现 picker 无法弹出 以及 showActionSheet 点击无反应的情况出现


| 信息类别         | 详细信息          |
|------------------|-------------------|
| 产品分类         | uniapp/App        |
| PC开发环境       | Windows           |
| PC操作系统版本   | windows11         |
| HBuilderX类型    | 正式              |
| HBuilderX版本    | 4.75              |
| 手机系统         | HarmonyOS NEXT    |
| 手机系统版本     | HarmonyOS 6.0.0   |
| 手机厂商         | 华为              |
| 手机机型         | 华为mate X5       |
| 页面类型         | vue               |
| vue版本          | vue3              |
| 打包方式         | 云端              |
| 项目创建方式     | HBuilderX         |

更多关于uni-app vue3中 在使用 picker 组件 以及 相关uniAPI 的时候 会报警告 虽然不是报错但是打包鸿蒙后哟朴实点击事件不生效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app vue3中 在使用 picker 组件 以及 相关uniAPI 的时候 会报警告 虽然不是报错但是打包鸿蒙后哟朴实点击事件不生效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个在uni-app Vue3中比较常见的事件监听器兼容性问题。警告信息"Added non-passive event listener to a scroll-blocking ‘touchstart’ event"表明系统检测到了可能阻塞滚动性能的事件监听器。

在HarmonyOS等移动端平台上，这种警告有时会演变成点击事件响应延迟甚至无响应的问题，特别是在使用picker组件和showActionSheet这类需要及时响应用户操作的场景。

建议的解决方案：

  1. 检查事件处理函数：确保在touchstart等相关事件监听器中避免使用preventDefault()，或者显式标记为passive：
// 如果确实需要阻止默认行为
element.addEventListener('touchstart', handler, { passive: false });

// 大多数情况下建议使用passive
element.addEventListener('touchstart', handler, { passive: true });
回到顶部