微信小程序点击事件传递参数
在维信小程序开发中传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式(和vue项目中的参数传递不同),具体实现如下:wxml:<view bindtap="addBind" wx:for="list" data-item="{{item}}"wx:key="name" data-index="1"><view>{{
·
在维信小程序开发中传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式(和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.item
console.log(e.currentTarget.dataset.item) // 打印传递过来的参数(我这里传递过来的是一个对象,也就是list 数组中的某一个元素)
// 比如要传递每一项的id选项时就是 item.id
}
这个和vue开发传参区别还是很大的,可能写习惯了vue开发的伙伴们在写小程序开发传参时可能会习惯性的出错 !
更多推荐
已为社区贡献13条内容
所有评论(0)