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

相关推荐
海鸥两三1 小时前
uniapp 小程序引入 uview plus 框架,获得精美的UI框架
前端·vue.js·ui·小程序·uni-app
一匹电信狗8 小时前
【C++】封装红黑树实现map和set容器(详解)
服务器·c++·算法·leetcode·小程序·stl·visual studio
汤姆yu13 小时前
基于微信小程序的个性化漫画阅读推荐系统
微信小程序·小程序
说私域14 小时前
链动2+1模式、AI智能名片与S2B2C商城小程序:破解直播电商流量转化困局的创新路径
人工智能·小程序
2501_9160088919 小时前
iOS 跨平台开发实战指南,从框架选择到开心上架(Appuploader)跨系统免 Mac 发布全流程解析
android·macos·ios·小程序·uni-app·iphone·webview
一匹电信狗19 小时前
【C++11】右值引用+移动语义+完美转发
服务器·c++·算法·leetcode·小程序·stl·visual studio
Le1Yu19 小时前
微信小程序端服务器接口:全部服务以及实战
微信小程序·小程序
一 乐1 天前
点餐|智能点餐系统|基于java+ Springboot的动端的点餐系统小程序(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·小程序·论文
全栈软件开发2 天前
新版点微同城主题源码34.7+全套插件+小程序前后端 源文件
小程序
毕设源码-朱学姐2 天前
【开题答辩全过程】以 基于java的民宿管理小程序为例,包含答辩的问题和答案
java·开发语言·小程序