微信小程序:点击事件(bindtap)传递参数

小程序在组件上绑定事件后,传递参数的方式不同于前端其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下:

wxml:

TypeScript 复制代码
<view bindtap="goIndex" data-query="{{item.query}}">点击事件传参</view>

js中:

TypeScript 复制代码
goIndex: function(e){
    // 传递的参数
    const query= e.currentTarget.dataset.query;
}

注意:data-Index 还是data-INDEXXX:默认都是 index 小写

相关推荐
2501_9159214313 小时前
傻瓜式 HTTPS 抓包,简单抓取iOS设备数据
android·网络协议·ios·小程序·https·uni-app·iphone
2501_9159184116 小时前
把 iOS 性能监控融入日常开发与测试流程的做法
android·ios·小程序·https·uni-app·iphone·webview
2601_9498049216 小时前
开源多商户商城源码最新版_适配微信小程序+H5+APP+PC多端
微信小程序·小程序
码云数智-大飞16 小时前
2026主流自助建站平台对比评测
微信小程序
2601_9498049217 小时前
宇鹿家政服务系统小程序ThinkPHP+UniApp(
小程序·uni-app
2501_9339072119 小时前
上海本凡科技的微信小程序公司主要提供哪些服务?
科技·微信小程序·小程序
码农客栈19 小时前
小程序学习(十七)之获取前台分类数据并渲染
小程序
2601_9498049219 小时前
【全开源】AJAX家政上门服务系统小程序自营+多商家(高级授权)+独立端
小程序
h7ml20 小时前
查券返利机器人图像识别:OpenCV 模板匹配对抗淘宝小程序动态化骨架屏
opencv·小程序·机器人
低代码布道师20 小时前
教培管家第14讲:家长端——打造合规且顺畅的登录门户
低代码·小程序·云开发