小程序点击时获取当前元素的id

最新推荐文章于 2024-07-10 14:31:13 发布
最新推荐文章于 2024-07-10 14:31:13 发布
阅读量1.8k 收藏
点赞数 1
分类专栏： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51614564/article/details/124115311
版权

小程序 微信小程序

之前我是这么写的，

但是会给提示这些错误，

Component "pages/newgift/newgift" does not have a method "radioChanges(items.id)" to handle event "tap".

大概意思就是：组件“pages/newgift/newgift”没有一个方法“radioChanges(goodsitem.id)”来处理事件“tap”。

在网上参考了其他大佬的方案：

给当前元素加上一个自定义属性：data-id

 

这样我们就可以实现在点击时拿到当前元素的id 啦。

 

 

要成为光的女人
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发-点击事件，获取元素id
Dove言和
03-01 1万+
1、点击事件，获取元素id，页面传值 不是专业程序员，突然就想研究一下微信小程序的开发，开发一个实时的菜价系统小程序，新手一个，什么都不懂，就从0开始，想着写个博客把遇到的问题和解决的办法一点点的写下来吧。 首先遇到的问题就是参数传递； 小程序里的点击触发事件、如何获取当前元素的id、如何吧值传递到下一个页面例： <view class="kindleft"> &...
微信小程序点击元素获取当前元素的值
wxqwxq123444的博客
08-16 1815
微信小程序点击元素获取当前元素的值
uniapp vue3微信小程序如何获取dom元素
最新发布
weixin_40323532的博客
07-10 1792
第一种方式在vue2中是可以获取到的，但是在vue3 setup中是没有this的（需要通过getCurrentInstance方法获取当前组件实例），所以这种方式排除。上面这种方式，只适合在非子组件的情况下使用，如果当前组件时作为子组件，需要通过下面的方式。这是为了更好地管理组件实例，确保组件在不同环境中的正确渲染和状态管理。第二种方式在阅览器端是可以获取到的，但是在小程序端是获取不到的，所以这种方式也排除。因为在 Vue 3 中，子组件实例不再直接暴露给全局或者父组件，而是需要通过。
微信小程序——获取绑定事件元素的ID
03-29
小程序list数据带值跳转，一般直接通过设置item的id来标识或者通过设置键值data-xxxx的方式标识。如下图所示： (此图片来源于网络，如有侵权，请联系删除! )   解析出来的结果如下图： (此图片来源于网络，如有侵权，请联系删除! )   我们看到它在元素上绑定了一个checkSchoolLogin事件，触发这个事件时需要获取该元素的id值，我们如何获取呢？ 先不急着知道方法，我们先用下面的方法看它点击的时候返回了一些什么数据： (此图片来源于网络，如有侵权，请联系删除! )   如下图所示，点击之后发现e里面带有这些属性，我们可以看到 currentTarget下面有个id, d
微信小程序点击时如何获取当前id
weixin_45966674的博客
07-27 4440
wxml 千万不要省略掉看着没用的data-bid 解决这个问题它才是关键 js 这样我们就可以看到对应的组件id了
小程序：获取元素节点信息
weixin_44727080的博客
07-26 7581
小程序中，获取元素的节点信息来做一些操作。
微信小程序获取循环元素id以及wx.login登录操作
08-29
微信小程序获取循环元素id以及wx.login登录操作 微信小程序获取循环元素id是指在小程序中通过wx:for指令循环渲染元素，并获取每个元素的id，以便在后续操作中使用。同时，wx.login登录操作是小程序中用户登录的主要...
微信小程序点击列表跳转到对应详情页过程解析
10-16
dataset是一个包含当前元素所有data-*属性的对象，可以通过dataset.index来获取当前点击项的索引。然后将这个index拼接到详情页面的路径后，形成完整的跳转路径，并通过wx.navigateTo方法跳转到详情页面。 跳转到...
微信小程序——获取当前点击的数据
月来better
06-24 4120
在列表项，点击其中一条列表开关按钮，获取其id项，在该列表项数组中查询到匹配的ID项，将其列表项数据添加checked属性，测试点击的 “大C”列表项 index.wxml: <view class="index-bottom" wx:for="{{siteList}}" wx:for-item="h" wx:key="*this" wx:if="{{switchAllChecked}}"> <view class="bottom-content" wx:if="{{h.sho
微信小程序：wx:for 获取view点击的元素currentTarget.dataset为空
qq_29517595的博客
12-21 518
微信小程序：wx:for 获取view点击的元素currentTarget.dataset为空
微信小程序实现动态获取元素宽高的方法分析
11-26
本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考，具体如下： 我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelectorQuery() 这个api接口，以前的某些问题就能得到解决了。。。 那么，这个api接口怎么用呢？ 首先，这个接口会返回一个对象实例。 var obj=wx.createSelectorQuery(); 下面的就是返回的对象实例 obj 的所有内容。 返回的 obj 有五个方法： 1.  obj.in(component)：没用过这个方法，多用于组件的选择器。 2.  obj.select(sele
微信获得点击元素的内容_微信小程序中利用DOM获取页面元素的信息
weixin_39838302的博客
12-21 1175
在js中，我们常常用到类似 $("#id") 这样的代码获得一个页面元素对象 但是在微信小程序中是不支持的，那么我们难免有时候会需要这样一个方法去拿到想要的对象，如下：//首先给你的元素对象一个id：//然后在js里，用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号)，就可以获取对应节点的属性，包括高度。//创建节点选择器varquery=wx.cre...
微信小程序点击按钮获取数据（wx：for）
qq_51632935的博客
08-10 4889
微信小程序点击按钮获取响应的数据
微信小程序点击跳转到某个元素的位置
文龙刚的博客
04-26 1334
微信小程序点击跳转到某个元素的位置
小程序获取值的几种方法
weixin_44600235的博客
05-24 1981
Wxml: 获取wxml id里面的值 <viewclass="item{{currentTab==0?'active':''}}"bindtap="check"id="top" data-id="0"> 头条 </view> <viewclass="item{{currentTab==1?'active':''}}"bindtap="check"id="yule"data-id="1"> 娱乐 </vi...
微信小程序获取元素节点并对其进行操作
ShawnWang22的博客
08-29 3820
微信小程序获取元素节点并对其进行操作
js根据id获取数组对象,js获取id对应的组件
chatgpt001的博客
12-04 627
本篇文章给大家谈谈js 根据id获取标签内某个标签，以及js根据id获取数组对象，希望对各位有所帮助，不要忘了收藏本站喔。 控制台显示以下信息：
微信小程序传值以及获取值方法
专注于移动开发，天道酬勤
06-12 520
微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法， 1、设置id的方法标识跳转后传递的参数值； 2、通过使用data - xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值 在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面带着id去下一个页面查询，详细信息）如： 后我们在js的bindtap的响应事件中获取...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值