微信小程序：bindtap传参

最新推荐文章于 2024-08-24 00:59:55 发布
最新推荐文章于 2024-08-24 00:59:55 发布
阅读量2.8k 收藏 6
点赞数
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DeliaWen/article/details/107063871
版权
本文介绍了在微信小程序中，如何在wxml中使用data-属性传递参数，并在JS中通过dataset获取这些参数，以实现事件处理中的数据交互。
摘要由CSDN通过智能技术生成
wxml:

使用自定义参数data-，可以通过dataset拿到对应的值

<image src="del.png" bindtap="openConfirm" data-name="出行情况{
   {idx+1}}"></image>
js:

如上，可以通过e.currentTarget.dataset.name拿到data-name里的值

openConfirm(e)
最低0.47元/天 解锁文章
fiona-frontEnd
关注
专栏目录
微信小程序实现bindtap等事件传参
10-17
主要介绍了微信小程序实现bindtap等事件传参，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
原生微信小程序事件传参 - bindtap + data-*（包含多参数传参）- 附完整示例
m0_48968874的博客
05-26 1523
原生微信小程序事件传参 - bindtap + data-*（包含多参数传参）
微信小程序：点击事件（bindtap）传递参数
最新发布
一些平时在开发过程中遇到的常见问题，分享给大家
08-24 1428
​ 小程序在组件上绑定事件后，传递参数的方式不同于前端其他场景中直接加参数的方式，小程序在参数的传递时，采用事件对象的自定义属性的方式，具体实现如下： ​
微信小程序bindtap传参
hh3167253066的博客
10-20 1356
微信小程序-bindtap等事件传参
秋水不寒的专栏
12-03 1696
什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。  事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。  事件对象可以携带额外信息，如 id, dataset, touches。 看图，因为需要传递的数据比较多，所以我们通过dataset携带参数信息。如果只有一个参数，可以通过id来传递。 详解 （以常见的tap点击事情为例） ...
微信小程序 bindtap 传参
01-07
微信小程序 bindtap 传参 //index.wxml //index.js page({ data:{ }, changeIndex(e){ console.log(e.currentTarget.dataset.src); //我是固定参数 } }); 可以看出 参数是通过给标签设置 data-参数名=“参数值” 自定义属性的方式 来传递的 例如想传递两个参数 //index.wxml //index.js page({ data:{ }, changeIndex(e){ console.log(e.currentTarget.dataset.src1
微信小程序：bindtap方法传参
xgocn的专栏
10-30 7753
微信小程序：bindtap方法传参 1、wxml &lt;view bindtap="pay_again" data-name="{{orderList.jid}}" data-fee="{{orderList.act_fee}}" data-mobile="{{orderList.p_phone}}" data-act="{{orderList.act_name}}" class="
微信小程序 页面跳转传参详解
09-01
总的来说，微信小程序的页面跳转和传参主要依赖`wx.navigateTo` API，通过URL查询参数的方式传递数据。在实际开发中，结合事件处理函数和生命周期方法，可以灵活地实现页面间的交互和数据传递。理解这一机制对于微信...
微信小程序 bindtap 传参的实例代码
12-28
微信小程序 bindtap 传参 ，代码如下所示： //index.wxml <view bindtap=changeIndex data-src=我固定参数> //index.js page({ data:{ }, changeIndex(e){ console.log(e.currentTarget.dataset.src); //我是...
微信小程序bindtap事件与冒泡阻止详解
11-30
bindtap就是点击事件 在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行 在后台.js文件中定义tapMessage函数: //index.js Page({ data: { mo: 'Hello World!!', userid : '1234', }, // 定义函数 tapMessage: function(event) { con
微信小程序点击事件bindtap传参
Guoye的专栏
10-11 2227
微信小程序bindtap点击事件如何传参。
微信小程序之bindtap事件传参
热门推荐
qq_33358062的博客
10-23 4万+
之前一直以为微信小程序按钮点击事件传参是和web端相同，即在事件中写明所传递的参数即可，但是这样尝试过以后发现小程序的控制台报错，报所写的bindtap中参数错误，之后百度发现，小程序按钮点击这类事件时一般的处理方法是指明元素所在的id，bindtap只是写明函数名，例如，bindtap='setNumber',而不是bindtap='setNumber(1)',在js中只要写function(e
微信小程序bindtap事件传参
Smileyan's blog
02-23 1万+
1. 编写目的 介绍微信小程序中某个控件的点击事件bindtap触发时如何传参。 2. 例子 wxml文件中代码如下：这个图片点击事件会由img_smile函数来处理，并且传递过去一个参数smile，这个参数的值是smile every day。 &lt;image class="image" src="{{img}}" bindtap='img_smile' data-smile='smile...
微信小程序的bindtap事件
子钦加油的博客
11-23 2619
在微信小程序中，要想获取元素的属性值，需要用到 bindtap事件，如果想要正确获取到属性值，对属性的命名还有一定要求 如下是正确的方式data-money-Num="9.93"： <view class="weui-msg__desc msg_text">我的<text class="msg_text">余额9.93元，</text><na...
微信小程序_bindtap传递参数
小歪博客
05-12 8452
.wxml页面 <!-- data-smile 需要传递的参数名 a点击事件 --> <view data-smile='{{item.id}}' bindtap="a"> .js页面 获取参数 a:function(e){ console.log(e.currentTarget.dataset.smile) //获取传递的smile参数 }
【微信小程序】点击事件bindtap如何传参
十一月廿七风雨大作
07-06 1792
  报错：   bindtap在传参时需要用到data-xxx来进行传递参数，正确的形式应当为：
微信小程序入门：数据绑定与跳转传参解析
"微信小程序开发涉及数据绑定、页面跳转及参数传递、事件处理等核心概念。本文将详细解析这些概念并提供示例代码。 一：数据绑定 在微信小程序中，数据绑定是连接JavaScript（JS）层与WXML（结构层）的关键。WXML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值