商城系统 注册

微信小程序获取绑定事件元素的ID

2020-09-27|HiShop
导读:小程序 list数据带值跳转,一般直接通过设置item的id来标识或者通过设置键值data-xxxx的方式标识。...

 

小程序list数据带值跳转,一般直接通过设置item的id来标识或者通过设置键值data-xxxx的方式标识。如下图所示:

微信小程序获取绑定事件元素的ID

 

解析出来的结果如下图:

微信小程序获取绑定事件元素的ID

 

我们看到它在元素上绑定了一个checkSchoolLogin事件,触发这个事件时需要获取该元素的id值,我们如何获取呢?

先不急着知道方法,我们先用下面的方法看它点击的时候返回了一些什么数据:

微信小程序获取绑定事件元素的ID

 

如下图所示,点击之后发现e里面带有这些属性,我们可以看到 currentTarget下面有个id, dataset 下面也有个id,这不正是我们需要获取的数据吗?到了这里,聪明的你肯定知道该怎么获取到值了吧~

微信小程序获取绑定事件元素的ID

 

1.通过 e.currentTarget.id 即可获取该元素id。

2.通过e.currentTarget.dataset.id 即可获取你自己设置的data-id里面值。

 

解决问题,不仅需要知其然,还需要知其所以然,这样,才会有进步的哟~~

微信小程序获取绑定事件元素的ID

电话咨询 预约演示 0元开店