- 通过插件市场，导入uni-ui。
- 安卓真机运行
- 如视频操作 第6秒开始，快速点击列表中的两个不同新闻行。会连续进两个不同的详情。
1***@163.com
- 发布：2025-07-15 10:55
- 更新：2025-07-15 15:19
- 阅读：74
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 15.5 (24F74)
HBuilderX类型： 正式
HBuilderX版本号： 4.66
手机系统： Android
手机系统版本号： Android 15
手机厂商： 小米
手机机型： Redmi K70
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
快速点击列表中的两个不同新闻行。只有点击的第一个行内容才能跳转到详情，紧接着的快速点击第二个行内容 不应该响应。因为这个时候正在进行第一个的路由跳转
快速点击列表中的两个不同新闻行。只有点击的第一个行内容才能跳转到详情，紧接着的快速点击第二个行内容 不应该响应。因为这个时候正在进行第一个的路由跳转
实际结果：
快速点击列表中的两个不同新闻行。会连续进两个不同的详情。
快速点击列表中的两个不同新闻行。会连续进两个不同的详情。
bug描述：
快速点击列表中的两个不同新闻行。会连续进两个不同的详情。
html
<view class="uni-list-cell" hover-class="uni-list-cell-hover" @click="goDetail(value)">
<view class="uni-media-list">
<image class="uni-media-list-logo" :src="value.cover"></image>
<view class="uni-media-list-body">
<view class="uni-media-list-text-top">{{ value.title }}</view>
<view class="uni-media-list-text-bottom">
<text>{{ value.author_name }}</text>
<text>{{ value.published_at }}</text>
</view>
</view>
</view>
</view>当把上述代码写成组件后，每一个行内容都是一个vue实例，各自的goDetail 都是不同的函数对象了。
爱豆豆 - 办法总比困难多
节流 效果
-
1***@163.com (作者)
节流可以保证只跳转一个，但是并不是用户第一个点击的事件相应。我提出这个BUG，就是因为实际应用中，存在用户点击一个内容行之后，会有误触的场景（我们的内容行高大，容易误触）。我试了原生iOS和Android ，调用跳转的api之后，用户根本就没有机会误触，不知道咋做到的。目前分析下来，感觉是uni-app框架中，逻辑层和展示层的js通信卡了一下，不知道这个猜测对不对
2025-07-15 15:32
1***@163.com (作者)
加了也不好使，因为每个行都是都是一个vue实例，会触发不同的函数对象。加防抖只会放大这个现象。你自己可以试一下先
2025-07-15 14:28
1***@163.com (作者)
无论如何感谢你的回复
2025-07-15 14:29
爱豆豆
回复 1***@163.com: 确实跟你说的一样 可以改用节流 试试效果
2025-07-15 15:18