小程序模板網(wǎng)

微信小程序行內(nèi)點(diǎn)擊事件沖突解決

發(fā)布時(shí)間:2021-06-30 09:14 所屬欄目:小程序開發(fā)教程

說明:比如這種情況下,比如tr上有一個(gè)點(diǎn)擊事件,第一個(gè)cell下也有點(diǎn)擊事件,但是點(diǎn)擊cell時(shí)會(huì)觸發(fā)到tr的事件

<view class="tr" bindtap='parentClick'>
  <view class="cell" bindtap='childClick'>1</view>
  <view class="cell">2</view>
  <view class="cell">3</view>
</view>

 解決:在cell設(shè)置hover-stop-propagation='true',再把cell的bindtap替換為catchtap即可

<view class="tr" bindtap='parentClick'>
  <view class="cell" hover-stop-propagation='true' catchtap='childClick'>1</view>
  <view class="cell">2</view>
  <view class="cell">3</view>
</view>

 結(jié)果:如上設(shè)置即可,第一個(gè)cell的點(diǎn)擊事件不會(huì)和tr的點(diǎn)擊事件發(fā)生沖突


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://u-renovate.com/wxmini/doc/course/26832.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢