微信小程序 bindtap绑定如何传参
发表时间:2020-9-26
发布人:葵宇科技
浏览次数:100
在写微信小程序代码的时候,对于前端一个组件需要进行前端向后端绑定,我们可以使用bindtap,如下面的例子:
<view bindtap="upload_image">点击上传图片</view>
这里我们使用bindtap进行绑定,填写一个函数叫做upload_image。然后,我们就可以在.js文件中对upload_image函数编写。
那么,我们要如何对upload_image进行参数传递呢? 像 upload_image(params)这样吗?
很可惜,微信小程序开发bindtap不支持这样做。我们可以使用 data-参数名 = "参数值"的格式进行参数传递。还是刚才的那个例子:
<view bindtap="upload_image" data-maxcount="5" >点击上传图片</view>
我们使用maxcount参数传递一个值等于5到.js的upload_image方法。在.js中我们需要通过如下的方式进行参数接收:
a:function(e){
console.log(e.currentTarget.dataset.maxcount)
}
这里需要注意的是:如果采用驼峰命名的方法,小程序编译器也会强制的转为了小写,如果需要,可以通过 - (中划线)来连接单词。