100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序 bindtap绑定如何传参

微信小程序 bindtap绑定如何传参

时间:2022-06-19 05:49:32

相关推荐

微信小程序 bindtap绑定如何传参

在写微信小程序代码的时候,对于前端一个组件需要进行前端向后端绑定,我们可以使用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)}

这里需要注意的是:如果采用驼峰命名的方法,小程序编译器也会强制的转为了小写,如果需要,可以通过 - (中划线)来连接单词。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。