收藏
回答

button组件如何添加参数?

我通过如下代码添加了N个button组件:

  <block wx:for="{{devName}}">
    <button type="default" bindtap="btnClickedHandler">{{item}}</button>
  </block>

这个 devName 是一个字符串列表,其长度随着程序的运行会发生变化;

我想要实现点击每个按钮实现不一样的功能,我在 btnClickedHandler 里面如何才能识别究竟是哪一个 button 触发的事件呢?

谢谢!

回答关注问题邀请回答
收藏

4 个回答

  • ZHOU
    ZHOU
    发表于小程序端
    10-30

    小程序里事件参数都要自己用data-xx绑定到元素上,事件里就可以直接获取到这里的参数

    10-30
    有用 1
    回复
  • 正好时光
    正好时光
    10-29
    <block wx:for="{{devName}}">
     <button type="default" data-item="{{item}}" bindtap="btnClickedHandler">{{item}}</button>
    </block>
    btnClickedHandler(e) {
      console.log(e.currentTarget.dataset) // 这里就是点击的按钮
    }
    


    10-29
    有用 1
    回复 1
    • xx
      xx
      10-30
      可以了,感谢大佬哈
      10-30
      回复
  • 随風飄扬
    随風飄扬
    10-30

    你这button也没特殊用处啊,用view不就得了,直接传参数进方法里面不是更方便

    10-30
    有用
    回复 2
    • xx
      xx
      10-30
      感谢大佬,我试了一下,确实通过view组件也能实现绑定回调函数的功能。所以一般自定义的函数,通过view触发就好了;而使用button一般是为了使用微信帮我们定义好的那些特定函数;是这样吗?
      10-30
      回复
    • 随風飄扬
      随風飄扬
      10-30回复xx
      对,一般也就那些限制必须要button去触发的功能才用
      10-30
      1
      回复
  • 那一抹笑😃 穿透阳光
    那一抹笑😃 穿透阳光
    10-30

    和view绑定参数一样的写法啊

    10-30
    有用
    回复
登录 后发表内容