微信小程序 bindtap 传参的实例代码
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了微信小程序 bindtap 传参的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
微信小程序 bindtap 传参 ,代码如下所示
//index.wxml <view bindtap="changeIndex" data-src="我固定参数"> </view> //index.js page({ data:{ }, changeIndex(e){ console.log(e.currentTarget.dataset.src); //我是固定参数 } });
可以看出 参数是通过给标签设置 data-参数名=“参数值” 自定义属性的方式 来传递的 例如想传递两个参数
//index.wxml <view bindtap="changeIndex" data-src1="我固定参数1" data-src2="我是固定参数2" > </view> //index.js page({ data:{ }, changeIndex(e){ console.log(e.currentTarget.dataset.src1); //我是固定参数1 console.log(e.currentTarget.dataset.src2); //我是固定参数2 } });
如果需要传递动态的参数 例如遍历渲染时 想传递 index 给 changeIndex方法
//index.wxml <view wx:for="{{lists}}" wx:for-index="index" wx:key="index" data-index="{{index}}" > {{item.title}} </view> //index.js page({ data:{ lists:[{title:'参数1',id:1},{title:'参数2',id:2}] }, changeIndex(e){ console.log(e.currentTarget.dataset.index); } })
知识点补充
微信小程序bindtap方法传参
1、wxml
<view bindtap="pay_again" data-name="{{orderList.jid}}" data-fee="{{orderList.act_fee}}" data-mobile="{{orderList.p_phone}}" data-act="{{orderList.act_name}}" class="operating f_r webkit-box" style="line-height:30px;"> <a href="" class=" rel="external nofollow" pay bg_red">继续支付</a> </view>
2、js
// 发起支付请求,调用后台PHP pay_again:function(e){ var that = this; that.setData({ jid: e.currentTarget.dataset.name, act_name: e.currentTarget.dataset.act, act_fee: e.currentTarget.dataset.fee, mobile: e.currentTarget.dataset.mobile }) console.log('活动订单id = ' + that.data.mobile); }
到此这篇关于微信小程序 bindtap 传参的实例代码的文章就介绍到这了,更多相关微信小程序 bindtap 传参内容请搜素狼蚁SEO以前的文章或狼蚁网站SEO优化相关文章,希望大家以后多多支持狼蚁SEO!
上一篇:js实现网页版贪吃蛇游戏
下一篇:leaflet加载geojson叠加显示功能代码
编程语言
- 甘肃哪有关键词排名优化购买方式有哪些
- 甘肃SEO如何做网站优化
- 河南seo关键词优化怎么做电话营销
- 北京SEO优化如何做QQ群营销
- 来宾百度关键词排名:提升您网站曝光率的关键
- 卢龙关键词优化:提升您网站排名的策略与技巧
- 山东网站优化的注意事项有哪些
- 四川整站优化怎样提升在搜索引擎中的排名
- 疏附整站优化:提升网站性能与用户体验的全新
- 海南seo主要做什么工作售后服务要做到哪些
- 荣昌百度网站优化:提升您网站的搜索引擎排名
- 河北seo网站排名关键词优化如何做SEO
- 江西优化关键词排名推广售后保障一般有哪些
- 古浪SEO优化:提升你的网站可见性
- 西藏网站排名优化怎么把网站排名在百度首页
- 如何提升阳东百度快照排名:详尽指南