微信小程序—点击navigator中的子元素同时,防止跳转

前期代码:

<navigator hover-class="none" url=''>
  <view>内容</view>
  <view bindtap='telChange'>拨打电话</view>
</navigator>

telChange: function (e) {
    wx.makePhoneCall({
      phoneNumber: e.currentTarget.dataset.text
    })
  }, 

在执行完telChange之后页面会进行跳转,不想要这种效果

需要把bindtab 改成 catchtap 即可

原理:bind的不会阻止事件冒泡(元素最里层到最外层函数执行),catch会阻止冒泡,只是冒泡到当前层结束

猜你喜欢

转载自blog.csdn.net/yuyuking/article/details/78796697