微信小程序阻止事件冒泡

原创于 2023-07-11 13:39:06 发布 · 1.2k 阅读

CC 4.0 BY-SA版权

文章标签：

在微信小程序中，使用bind:tap事件时，事件会冒泡到父元素导致父元素上的相同事件也被触发。而使用catch:tap则不会冒泡，可有效阻止这种行为。因此，改用catch:tap是防止事件冒泡的一种方法。示例代码展示了在view组件中如何应用这一策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bind：tap：子元素使用bindtap绑定事件后，执行的时候，会冒泡到父元素（触发父元素上绑定的bingtap事件）
catch：tap：不会冒泡到父元素上，阻止事件冒泡

所以阻止微信小程序事件冒泡可以将bind：tap改为catch：tap

<van-overlay show="{{ show }}" bind:click="onClickHide">
  <view class="wrapper">
    <view class="block" catch:tap="click" >
        <van-cell title="不感兴趣" />
        <van-cell title="反馈垃圾内容" is-link bind:click="onClickShows" />
        <van-cell title="拉黑作者"  />
    </view>
  </view>
</van-overlay>