小程序事件传参

janyxh

于 2021-09-23 15:13:54 发布

阅读量470

点赞数

CC 4.0 BY-SA版权

文章标签：小程序

本文链接：https://blog.csdn.net/janyxh/article/details/120435331

本文探讨了在小程序中如何实现从WXML组件向JS文件传递参数的问题。针对一个tabs标签页的示例，指出直接传参无法实现，而应该通过在元素上绑定方法来传递参数。例如，使用bindtap事件并从事件对象中获取设置的参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要从wxml中传一个参数过去到js文件，要怎么传参？
假设有一个tabs标签页的需求，当点击某一个标签页时，绑定事件bindtap，将当时点击的标签页索引值传过去，发现直接bindtap="change(index)"行不通，无法获取到值。

经查阅，小程序是通过在元素上绑定data-的方法传参数的。

例:

<block wx:for="{{tabs}}" wx:key="key">
   <view class="{{ index === activeIndex ? 'community-tabs-item active' :'community-tabs-item' }}" data-index="{{index}}" bindtap="changeCommunityTabs">
   {{ item.name }}
   </view>
 </block>

在元素上绑定data-index="{{index}}"后，changeCommunityTabs就可以获取到一个对象，里面的target.dataset可以读取到设置的参数。