微信小程序 通过点击事件将参数传递给要执行的函数

   日期:2020-07-13     浏览:107    评论:0    
核心提示:说明通过 bindtap 触发点击事件通过 data-xxx 传递数据通过 e.currentTarget.dataset.xxx 接收数据触发事件,传递数据说明:通过 for遍历其他地方得到的数据通过 bindtap=tapName 触发在 js 中的 tapName方法通过data-num={{._微信小程序点击事件传状态码过去

说明

  • 通过 bindtap 触发点击事件
  • 通过 data-xxx 传递数据
  • 通过 e.currentTarget.dataset.xxx 接收数据

触发事件,传递数据

<view wx:for="{{result}}" wx:key="index" bindtap="tapName" data-num="{{index}}">

说明

  • 通过 for遍历其他地方得到的数据
  • 通过 bindtap="tapName" 触发在 js 中的 tapName方法
  • 通过data-num="{{index}}"将下标传递过去

执行方法,获得数据

接收

 let index = e.currentTarget.dataset.num   //接收传递过来的数据并赋值新变量,等待使用

案例展示

    tapName:function(e) {
      let index = e.currentTarget.dataset.num   //接收传递过来的数据并赋值新变量,等待使用
//------------------------------------------------------------------------------
        app.globalData.resArr = this.data.result[index]
        wx.navigateTo({
          url: '/pages/content/content',
        })
  }

说明

  • e 是事件触发的时候自动会传递的参数,event,也就是事件本身
 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服