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

说明

  • 通过 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,也就是事件本身
    微信小程序 通过点击事件将参数传递给要执行的函数_第1张图片

你可能感兴趣的:(微信小程序,小程序,事件)