事件携带参数

事件在触发的过程中，我们可以携带参数

主要有两种方式：

• event对象中的currentTarget读取携带参数
• event对象中的mark读取携带参数

currentTarget 携带参数

在组件节点中可以附加一些自定义数据。这样，在事件中可以获取这些自定义的节点数据，用于事件的逻辑处理。

xxxxxxxxxx
<view data-id="1001" bindtap="bindViewTap"> 携带参数 </view>

xxxxxxxxxx
// pages/event/event.js
Page({
    bindViewTap(e){
        console.log(e.currentTarget.dataset.id);
    }
})

温馨提示

在wxml中添加数据的时候，必须在自定义属性前添加data-*

mark 携带参数

可以使用 mark 来识别具体触发事件的 target 节点。此外， mark 还可以用于承载一些自定义数据（类似于 dataset ）。

当事件触发时，事件冒泡路径上所有的 mark 会被合并，并返回给事件回调函数。（即使事件不是冒泡事件，也会 mark 。）

xxxxxxxxxx
<view mark:parentMark="父级" bindtap="bindMarkTap">
    <button type="primary" mark:childMark="子级" bindtap="bindButtonTap">按钮</button>
</view>

xxxxxxxxxx
// pages/event/event.js
Page({
    bindMarkTap(e){
        console.log(e.mark);
    },
    bindButtonTap(e){
        console.log(e.mark);
    }
})

实时效果反馈

1. 在微信小程序中，事件的event对象中，读取事件冒泡路径上所有的参数方案：

A currentTarget

B dataset

C mark

D detail

答案

1=>C