微信小程序点击事件传递参数的方法

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

wxml:

<view bindtap="passQuery" data-index="1">点击事件传参</view>

js中：

passQuery: function(e){// 传递的参数let query = e.currentTarget.dataset['index'];
}

利用自定义属性即可完成事件的参数传递。文完结。

微信小程序点击事件传递参数的方法相关推荐

微信小程序点击事件绑定三目方法
根据showLine的true 或 flase来判断进行show方法或者shou方法
[微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析测试过程在微信小程序中创建以下图片然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
微信小程序点击带id参数跳转_微信小程序页面跳转方法和携带参数详解
1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 跳转到新页面 (2)wx.navigateTo 方法跳转此方法能够从跳转的页面会回到当前页面 1 w ...
[转] 微信小程序页面跳转传递参数
本文转自:http://blog.csdn.net/qq_31383345/article/details/52795212 微信小程序的页面跳转,页面之间传递参数笔记. CSDN微信小程序开发专栏, ...
微信小程序服务器未响应,微信小程序点击事件失效
想在主页上添加一个搜索功能但是加上之后发现原有的页面点击事件没有反应了个人怀疑是input和bindtap互相影响? 有人碰到类似的情况吗是怎么解决的 {{item}} this is a te ...
微信小程序页面返回并传递参数
微信小程序返回 wx.navigateBack({delta: 1 }) 在这里插入图片描述但是navigateBack 无法携带参数, 于是想到了getCurrentPages let pages ...
微信小程序点击事件（bindtap）传递参数
小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下: wxml: <view bindtap=& ...
小程序点击事件携带参数
一种当然是带一个固定值过去,另一种就是带一个动态值 page中定义动态值点击事件js 打印出来的值: 对应小程序api https://developers.weixin.qq.com/minipr ...
微信小程序 - 点击事件传参
首先给某个按钮或者某个组件添加 bindtap点击事件再加上 data-xxx="传值内容" (xxx可以自定义单词) 例如: //xx.wxml <view bindt ...
微信小程序点击事件失效
今天经理突然跑过来问,为什么点击不了,找了下百度才知道换个标签就得了,奇怪的是之前一直都是可以的

微信小程序点击事件传递参数的方法

微信小程序点击事件传递参数的方法相关推荐

最新文章

热门文章