小程序(3)--点击事件影响父级元素(阻止事件冒泡)

69 阅读1分钟

原本的点击事件

使用bind:tap,但如果item也有自己的bind:tap点击事件,那么子view的点击事件不会执行,而是会触发父级的点击事件。

<text class="my-text" bind:tap="navigateToDetail" data-item="{{item}}">item中的子view</text>

解决办法

将子view中的点击方法改为catch:tap即可。

<text class="my-text" catch:tap="navigateToDetail" data-item="{{item}}">item中的子view</text>

PS

但是在小程序的多平台模式下,并不生效,原因未知。