小程序中点击子元素事件而不触发父元素的点击事件(小程序阻止冒泡)

2,345 阅读1分钟

1.当点击子集的catchtap='unCloseMode'事件之后阻止冒泡事件向上冒泡,所以不会触发bindtap='closeMode',成功解决bug,实现小程序中点击子元素事件而不触发父元素的点击事件。

<view class='typeListBox typeListBox1' wx:if="{{isDep2}}" bindtap="closeMode">
	<view class='wrap' catchtap="unCloseMode">
	</view>
</view>

在js页面中,你可以对这两个时间进行点击调用,从而不会相互影响

  closeMode(){
    this.setData({
      isDep2: false
    })
  },
  unCloseMode(){
  console.log("abc")
  }