小程序点击事件传参

小程序点击事件传参

data- 的用法

微信小程序可以通过直接写 data-index="1" 进行数据的绑定 ，利用 bindtap 点击事件执行函数从而获取到参数信息。

<view bindtap="triggers" data-idType="{
   {item.id}}">按钮</view>

注意

data-是固定的写法，-后面可以取任意的名字，但是需要强调的是在获取的时候要写相对应的名字，例如：data-index = "{ {item.id}}"，获取时就是 e.target.dataset.index 。取不到就使用e.currentTarget.dataset

下面通过一个简单的代码小实例带大家更直观的了解 data- 的用法。

wxml文件

<!-- 按钮触发事件 -->
<view 
 wx:for="{
   {list}}" 
 bindtap="triggers" 
 data-idType="{
   {item.id}}">点击我</view>

js文件

Page({
   
    data: {
   },
    //点击事件
    triggers(e) {
   
        console.log(e.target.dataset.idtype); 
    },
})

翻译自：

微信小程序通过点击事件传参（data-）