包裹在一个额外的 view
元素中,并在该元素上绑定 catch:tap
。这样可以完全捕获并阻止事件冒泡到父级
<view class="parent" bindtap="onParentTap">
父盒子
<view catch:tap="onCatchTap">
<van-stepper value="{{1}}" bind:change="onChange" />
</view>
</view>
Page({
onParentTap() {
console.log("父盒子点击事件触发");
},
onCatchTap() {
console.log("子盒子捕获事件,阻止冒泡成功");
},
onChange(event) {
console.log("Stepper 的 change 事件触发,值为:", event.detail);
},
});