当前位置:   article > 正文

微信小程序开发不支持事件传参,那么如何传参呢?_微信小程序bindtap

微信小程序bindtap

前言

刚开始做微信小程序开发的同学,应该都碰到过微信小程序开发不支持事件传参,那么如何传参呢?


微信小程序点击事件(bindtap)传递参数的方法

大家都知道在 vue 中,我们可以直接在点击事件中放入传递的参数进行传参;然而微信小程序中并不适用这样的写法,但是微信小程序可以通过自定义属性从而绑定参数使用。

1.不支持

代码如下:

<view bindtap="goTo(参数)" >点击事件传参【不支持】</view>
  • 1

2.如何解决

代码如下:

<view bindtap="goTo" data-index={{item.index}}>点击事件传参</view>
  • 1

利用自定义属性完成事件的参数传递

goTo: function(e){
    // 传递的参数
    const index= e.currentTarget.dataset['index'];
}

  • 1
  • 2
  • 3
  • 4
  • 5
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/534795
推荐阅读
相关标签
  

闽ICP备14008679号