微信小程序:点击事件(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 小写

相关推荐
nhc08810 小时前
贵阳纳海川科技・棋牌室行业数字化解决方案
科技·微信小程序·小程序·软件开发·小程序开发
lizi6611 小时前
uniapp uview-plus 自定义动态验证
前端·vue.js·微信小程序
2501_9159090611 小时前
iOS 抓包不越狱,代理抓包 和 数据线直连抓包两种实现方式
android·ios·小程序·https·uni-app·iphone·webview
CHU72903512 小时前
让知识传递更顺畅:在线教学课堂APP的功能设计
前端·人工智能·小程序
AI前端老薛12 小时前
小程序中简单 Loading 效果关键帧动画
小程序
Greg_Zhong13 小时前
小程序从搭建到开发,涉及基础及必备知识总结
微信小程序
Greg_Zhong13 小时前
小程序中实现左侧分类与右侧子分类的联动效果.....
小程序·左侧分类与右侧分类联动
阿珊和她的猫13 小时前
小程序页面间数据传递方法全解析
小程序
土土哥V_araolin13 小时前
双迹美业奖金制度模式系统(现成源码)
小程序·个人开发·零售
摇滚侠13 小时前
微信小程序是前端,也需要 Java 开发的后端服务
java·前端·微信小程序