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

在维信小程序开发中传递参数的方式不同于前端开发其他场景中直接加参数的方式，小程序在参数的传递时，采用事件对象的自定义属性的方式(和vue项目中的参数传递不同)，具体实现如下：

wxml:

<view bindtap="addBind" wx:for="list" data-item="{{item}}"wx:key="name"><view>{{ item.name }}</view>
</view>
// 自定义属性传参方式传参  data-xxx

js中：


bindtap (e){// 传递的参数let item = e.currentTarget.dataset.itemconsole.log(e.currentTarget.dataset.item) // 打印传递过来的参数(我这里传递过来的是一个对象，也就是list 数组中的某一个元素)// 比如要传递每一项的id选项时就是  item.id
}

这个和vue开发传参区别还是很大的，可能写习惯了vue开发的伙伴们在写小程序开发传参时可能会习惯性的出错！

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

[微信小程序]微信小程序点击事件返回值的target分析
微信小程序点击事件返回值的target分析测试过程在微信小程序中创建以下图片然后在调试中点击下面第5个. console返回两个e 第一个e是第5块小块的e 第二个e是下面全部9小块组成的大块的 ...
[转] 微信小程序页面跳转传递参数
本文转自: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 ...
微信小程序点击带id参数跳转_微信小程序页面跳转方法和携带参数详解
1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 跳转到新页面 (2)wx.navigateTo 方法跳转此方法能够从跳转的页面会回到当前页面 1 w ...
微信小程序点击事件（bindtap）传递参数
小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下: wxml: <view bindtap=& ...
小程序点击事件携带参数
一种当然是带一个固定值过去,另一种就是带一个动态值 page中定义动态值点击事件js 打印出来的值: 对应小程序api https://developers.weixin.qq.com/minipr ...
微信小程序 - 点击事件传参
首先给某个按钮或者某个组件添加 bindtap点击事件再加上 data-xxx="传值内容" (xxx可以自定义单词) 例如: //xx.wxml <view bindt ...
微信小程序点击事件失效
今天经理突然跑过来问,为什么点击不了,找了下百度才知道换个标签就得了,奇怪的是之前一直都是可以的
微信小程序——点击事件传参没有数据(undefined)
今天在wxml和js传参的时候,为了和后台的命名规则保持一致,在data-questionId的驼峰式命名,结果发现参数传到js的时候,js打印出来为undefined.今天把这个坑填了! 微信开发者 ...

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

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

最新文章

热门文章