微信
整个单元格点击进入详情,按钮事件进入操作界面
catchtap 阻止冒泡
<view class="cell_detail" wx:for="{{weightList}}" wx:key="id" bindtap="goDetailHandler" data-type="{{item.id}}">
<!-- 状态 -- 时间 -->
<view class="cell_top" wx:if="{{item.shenhe_status == 2}}">
<text class="status">待修改</text>
<!-- catchtap 事件阻止冒泡 -->
<button class="status-btn" catchtap="goUpdateHandler" data-type="{{item.id}}">去修改</button>
</view>
<view class="cell_top" wx:elif="{{item.shenhe_status == 0 || item.shenhe_status == null}}">
<text class="status" style="color: #1281FB;background-color: #E6F2FF;">待审核</text>
<button class="status-btn" catchtap="goAuditHandler" data-type="{{item.id}}">去审核</button>
</view>
<view class="cell_top" wx:else>
<text class="status" style="color: #36C98E;background-color: #ECFFF8;">已审核</text>
</view>
uniAPP
@click.native.stop 阻止冒泡
<view class="bbkh1" @click.native.stop="lookLocation($event)" >
查看位置
</view>
// 阻止前往详情事件
lookLocation(e){
e.preventDefault(); // 阻止事件冒泡穿透
console.log('查看位置');
},
本文来自博客园,作者:depressiom,转载请注明原文链接:https://www.cnblogs.com/depressiom/p/16474226.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~