微信小程序—點擊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會阻止冒泡，只是冒泡到當前層結束