微信小程序 页面事件传参

最新推荐文章于 2022-10-08 17:39:47 发布
最新推荐文章于 2022-10-08 17:39:47 发布
阅读量259 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42708127/article/details/104570119
版权

 

 

 

微信小程序的页面事件传参不能和vue一样直接bindtap="itemClick(index)"，会报错

而是放在元素的自定义data-xxx属性中，在事件处理函数中获取e.currentTarget.dataset['xxx']得值

 

 

 

 

某茶
关注
专栏目录
小程序页面之间数据传递的五种方法
weixin_44001906的博客
09-29 2511
小程序页面之间数据传递的五种方法
微信小程序 事件传参
撑戌圆爱痒生
07-26 842
微信小程序 事件传参wxml部分js 部分 wxml部分 1.先绑定事件 2.在该元素上写上属性 data-index 3.参数值即为要传参数 <text catchtap="del" data-index="item" class="del">删除</text> js 部分 以下两种方法都可以拿到值,好奇的小伙伴可以打印下e看看呢~ // 删除 del:function(e){ console.log(e.currentTarget.dataset.index);
微信小程序跨页面数据传递事件响应实现过程解析
10-15
主要介绍了微信小程序跨页面数据传递事件响应实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
微信小程序跳转传参的方法
wangle_style的博客
04-16 605
两种方式：一是通过导航组件；而是利用wx:navigateTo的API(原理都一样：通过url传参) 一：导航组件的方式： 1.首先在页面建立导航 2.在跳转后的页面接收参数：利用钩子函数 onLoad: function (options) { this.setData({ title: options.title, index: options.index })
微信小程序点击事件传递参数
JunRoyal
06-17 273
<view bindtap="getQuery" data-index="1">点击事件传参</view> getQuery: function(e){ // 传递的参数 let query = e.currentTarget.dataset['index']; }
微信小程序（路由及组件跳页传参）
weixin_45343884的博客
08-28 355
（1）API路由跳页传参 商品展示页基础： <!--pages/type/type.wxml--> <view class="goodsList"> <block wx:for="{{goodsList}}" wx:key="index"> <view class="good" bindtap="jump">...
小程序页面传参之事件传参
sdasadasds的博客
05-20 1039
场景： 当我们在开发小程序的时候，经常会遇到此类要求：点击一个内容跳转到一个新的页面，并且新页面的内容是由点击的内容决定的。比如用户在美团上浏览商品，通常情况下我们去查看详情页面，会发现它的结构都是相同或者类似的，但是内容是由用户点击的内容决定的。比如点击黄焖鸡，进到详情页就会发现封面是黄焖鸡，这和我们点击的内容是一一对应的。这种效果在小程序开发过程中十分常见。今天我们拿一个音乐类的小程序举例子，看看页面之间的数据是如何进行关联的。 需求： 用户点击图1中的播放按钮时，跳转到图2，然后播放图1中对应列表的歌
微信小程序 页面跳转传参详解
09-01
总的来说，微信小程序的页面跳转和传参主要依赖`wx.navigateTo` API，通过URL查询参数的方式传递数据。在实际开发中，结合事件处理函数和生命周期方法，可以灵活地实现页面间的交互和数据传递。理解这一机制对于微信...
微信小程序 页面之间传参实例详解
08-31
感谢阅读，希望这个实例详解能帮助你理解微信小程序页面间传参的基本用法。在实践中，不断尝试和优化，才能更好地掌握这一技能，为用户提供更顺畅的体验。如果你在开发过程中遇到其他问题，欢迎继续探索和学习，相信...
微信小程序页面跳转传参
m0_56860190的博客
07-04 1857
小程序带参数跳转到下一个页面和带参数返回上一个页面
小程序页面间传参的五种方式
zhaoguang2018的博客
04-30 1万+
由于经常需要进行页面间传参且各种传参的业务场景也不相同，根据官方文档和日常工作进行了总结。共有五种传参方式，各位有什么关于页面间传参的奇思妙想也可在评论区提出，大家共同探讨
小程序跨页传递事件消息和数据的实现方式
qsj0606的博客
10-08 508
1、当前页跳转下一页是定义事件并监听。2、上一页传递的参数，使用时调用。3、改变上一页监听的数据时调用。
微信小程序点击事件传递自定义参数的方法和跨页面传递数据
05-10 7137
小程序data-用法 data- ：会在事件触发时传递给SERVICE （js文件中的data） 书写方式： 以data-开头，后面接名称，多个单词由连字符-链接，不能有大写(大写会自动转成小写)如data-element-type 最终在 event.currentTarget.dataset 中会将连字符转成驼峰elementType储存。 wxml： <view class="sign-setting-border {{idx==item.Item_id?'selected':''}}" wx
小程序页面之间数据传递的四种方法
weixin_44514665的博客
06-03 9766
小程序页面数据传递，怎么从父页面传递数据到子页面，子页面传递数据到父页面
小程序 点击事件是怎么传参的。页面跳转传值
肖肖肖丽珠的博客
09-23 1397
如果一个轮播图，点击图片进入详情。在这个点击事件上就要知道当前点击的是哪个图片。也就是想获取这个图片的id。 我们需要定义一个"data-自定义的参数名"的参数，里面放这个图片的id。或者是任意的你想要传的参数. 获取的是event.currentTarget.dataset.自定义的参数名。 比如下面我也data-no定义的参数。获取就是event.currentTarget....
微信小程序点击事件传递参数的方法
热门推荐
weixin_37861326的博客
11-13 6万+
小程序在组件上绑定事件后，传递参数的方式不同于前端开发其他场景中直接加参数的方式，小程序在参数的传递时，采用事件对象的自定义属性的方式，具体实现如下： wxml: &lt;view bindtap="passQuery" data-index="1"&gt;点击事件传参&lt;/view&gt; js中： passQuery: function(e){ // 传递的参数 ...
小程序跨页面数据传递与事件响应
子钦加油的博客
12-17 377
在实际工作中有很多场景需要在第二个页面中将用户操作之后的将数据回传到上一页面。接下来将我的方案分享给小伙伴。 本次示例采用 uni-app 框架和 weui 样式库 实现思路 创建一个 Emitter，用于事件处理 创建一个 ... 在实际工作中有很多场景需要在第二个页面中将用户操作之后的将数据回传到上一页面。接下来将我的方案分享给小伙伴。 本次示例采用un...
小程序开发序列(六)事件传参
weixin_34205076的博客
06-12 343
在触发事件后，有时需要有些额外的数据，JS的写法是直接以参数的形式传递。而小程序是react模式的，使用data触发状态变化而刷新界面，绑定的事件里，绑定的是函数的名称，参数无法像一般编码的方式直接传入，那要怎么办？ 小程序提供了一种方式，即daa-xxx，其中data-是标识事件触发时会带上这个参数，xxx是参数名。比如按钮绑定了query事件，需要传入一个产...
微信小程序-点击事件传递参数
weixin_30802171的博客
07-01 2万+
首先 bindtap 绑定点击事件， 在标签中利用 data-xxx 来定义你要传入的参数，， 然后事件中传入 event 用 event.currentTarget.dataset.xxx 来取你传入的值 转载于:https://www.cnblogs.com/listen9436/p/11113449.html...
微信小程序在页面传参时需要做哪些配置
最新发布
07-08
在微信小程序中传参时，需要进行以下配置： 1. 在页面跳转的源页面中，使用`wx.navigateTo()`或`wx.redirectTo()`等跳转方法，并在跳转时通过`url`参数传递参数。例如： ```javascript wx.navigateTo({ url: '...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值