微信小程序:点击事件(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_9151063213 小时前
iOS 抓不到包怎么办?从 HTTPS 代理排查到 TCP 数据流捕获的全链路解决方案
android·tcp/ip·ios·小程序·https·uni-app·iphone
游戏开发爱好者813 小时前
APP上架苹果应用商店经验教训与注意事项
android·ios·小程序·https·uni-app·iphone·webview
hyswl66615 小时前
数字货物搬家小程序
python·小程序
郭俊强16 小时前
小程序RSA、AES加密
小程序
Dest1ny-安全16 小时前
CTF入门:国内线上CTF比赛时间及部分题目资源
网络·安全·web安全·微信小程序·php
2501_9160074717 小时前
苹果应用商店上架的系统逻辑,从产品开发到使用 开心上架 上架IPA 交付审核流程
android·ios·小程序·https·uni-app·iphone·webview
kyh100338112017 小时前
去水印微信小程序搭建
大数据·微信小程序·去水印·短视频去水印·去水印微信小程序
2501_9160088918 小时前
Python抓包HTTPS详解:Wireshark、Fiddler、Charles等工具使用教程
python·ios·小程序·https·uni-app·wireshark·iphone
刻刻帝的海角18 小时前
uniapp引入qqmap-wx-jssdk实现微信小程序端获取用户当前位置
微信小程序·小程序·uni-app
2501_9160088919 小时前
uni-app 上架到 App Store 的项目流程,构建、打包与使用开心上架(Appuploader)上传
android·ios·小程序·https·uni-app·iphone·webview