uni-app nvue中list组件上点击事件无效

uni-app nvue中list组件上点击事件无效

操作步骤：

<list ref="list" class="list" :show-scrollbar="false" @click="hide"></list>

预期结果：

点击事件正常执行

实际结果：

<list ref="list" class="list" :show-scrollbar="false" @click="hide"></list>
@click无效

bug描述：

android APP端<list>组件点击事件无效 不是uni-list插件
<list ref="list" class="list" :show-scrollbar="false" @click="hide"></list>
开发环境 版本号 项目创建方式
Windows 1709 HBuilderX
Android 10
vivo NEX A

更多关于uni-app nvue中list组件上点击事件无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

HBuilderX alpha 3.3.7+ 已修复

更多关于uni-app nvue中list组件上点击事件无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


还是不行，3.3.13

完整版

问题复现，这边排查下，已加分，感谢你的反馈！

android平台 list/recycle-list/waterfall 暂时未支持click 后续会完善支持

在nvue页面list列表先隐藏再显示以后，click事件点击没有反应

在 nvue 的 <list> 组件中，直接使用 @click 事件确实可能无效。这是因为 <list> 组件本身是一个高性能的滚动容器，其设计主要用于长列表渲染优化，事件处理机制与普通 View 不同。

解决方案：

  1. 在 <cell> 内绑定事件
    <list> 的点击事件应绑定在其子组件 <cell> 上，而非 <list> 自身：

    <list>
  <cell v-for="item in list" :key="item.id" @click="handleClick(item)">
    <!-- 列表项内容 -->
  </cell>
</list>

  2. 使用 touch 事件替代（如需监听列表空白区域）
    若需监听整个列表区域的点击（如空白处），可改用 @touchstart 或 [@touchend](/user/touchend)：

    <list [@touchend](/user/touchend)="hide"></list>
回到顶部