微信小程序 获取template下不同元素的id值

本文介绍了在微信小程序中,当使用模板并触发事件后,如何获取模板下不同元素的ID值。关键在于理解`currentTarget`和`dataset`属性的使用,以及在WXML中命名规则对ID的影响——横杠会被去掉,`data`前缀也会被移除并转为小写。作者提醒开发者在获取数值时注意这些细节。
摘要由CSDN通过智能技术生成

前言

当wxml文件调用模板类之后,点击触发事件,往往需要获取当前触发事件元素的id值

在这里插入图片描述

在后台获取方法如下:

获取template不同元素得id值
在这里插入图片描述

currentTarget 是系统自带的(表示当前主键)
dataset 也是系统自带的(表示自定义数据)
在这里插入图片描述

在这里插入图片描述

这里有一个规律:

在wxml文件中命名 有 - ,但是在调试中就看不到了,横杠被去掉了,并且开头的data也被去掉了,而且全部改成小写
所以在获取数值的时候,要注意命名的问题

以下是微信小程序项目源码:点击可以进入gitee直接下载源码包喔
微信小程序演示程序

版权所有,禁止转载,违者必究。
喜欢的朋友可以点赞评论喔,您的支持是我更新最大的动力~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值