微信小程序 bindtap 自定义数据 不冒泡

微信小程序中的bindtap事件是用于绑定点击事件的，而设置自定义数据可以在点击事件中传递额外的参数。在默认情况下，bindtap事件会冒泡，即点击了某个子元素会触发它所在的父元素上的bindtap事件。

如果想要禁止bindtap事件的冒泡，可以在子元素上使用catchtap事件来取代bindtap事件。catchtap事件与bindtap事件类似，都用于绑定点击事件，但是catchtap事件不会冒泡，点击了某个子元素后只会触发该元素上绑定的catchtap事件，不会触发父元素上的事件。

举个例子，假设有以下代码：

<view bindtap="parentTap">
  <view catchtap="childTap" data-custom="customData">点击我</view>
</view>

在这个例子中，点击“点击我”这个子元素会触发childTap事件。如果使用bindtap事件，点击子元素后会触发childTap事件和parentTap事件（冒泡触发），而如果使用catchtap事件，点击子元素只会触发childTap事件，不会触发parentTap事件。

如果希望子元素点击事件传递自定义数据，可以使用data-前缀进行设置，例如上述代码中的data-custom="customData"，点击子元素后可以通过event.currentTarget.dataset.custom获取到自定义数据（customData）。

相关问题

如何在微信小程序中设置点击

在微信小程序中，可以使用`bindtap`或`catchtap`属性来设置按钮的点击事件。

示例代码：

<button type="primary" bindtap="handleTap">Click Me</button>

在上述代码中，我们给按钮添加了`bindtap`属性，并将其值设置为一个自定义的事件处理函数`handleTap`。当用户点击按钮时，该事件处理函数将被触发。

接下来，在对应的页面或组件的逻辑文件（通常是`.js`文件）中，定义该事件处理函数。

示例代码：

Page({
  handleTap: function() {
    console.log('Button clicked!');
    // 在这里编写点击按钮后的逻辑代码
  }
})

在上述代码中，我们在页面对象中定义了`handleTap`函数，当按钮被点击时，该函数将被调用。你可以在这个函数中编写相应的逻辑代码来处理按钮点击事件。

请注意，如果需要阻止事件冒泡，可以使用`catchtap`属性代替`bindtap`属性。使用`catchtap`属性会阻止事件向上冒泡到父元素，而`bindtap`属性不会阻止冒泡。根据具体需求选择合适的属性来设置按钮的点击事件。