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

发布时间:2022-03-15 11:02:25 作者:小新
来源:亿速云 阅读:505

这篇文章将为大家详细讲解有关微信小程序如何获取绑定事件元素的ID ,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

小程序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 ”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

推荐阅读:
  1. 微信小程序实现动态获取元素宽高的方法分析
  2. 微信小程序获取循环元素id以及wx.login登录操作

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

微信小程序

上一篇:微信小程序如何获取分享链接

下一篇:怎么用微信小程序的canvas组进行涂鸦

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》