微信小程序—点击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会阻止冒泡，只是冒泡到当前层结束