微信小程序事件传参

6,039 阅读1分钟

1. 点击事件

<button data-test="哈哈"  bindtap="change">点击我</button>

使用e.currentTarget.dataset来获取值

change(e){
  e.currentTarget.dataset.test  // 哈哈
}

如果觉得不过瘾,那么再看看下面的实例 首先在 .wxml 页面中,传递 item.id 到 .js页面。用固定格式data-(传入的名字);

下面事例中我们所取得名字为:songsid

<view wx:for="{{songsList}}" wx:key="index" class="listsongs"
 data-songsid="{{item.id}}" bindtap="songlist">
</view>

在后台中我们获取前台所传递过来的参数数据

在methods中:其中e.currentTarget.dataset.songsid就为我们传递过来的值,下面的代码,其他部分可忽略。。。(因为代码是直接粘的🌻🌻)

 songlist(e){
      this.data.number=0
      api.getsongsrequest(e.currentTarget.dataset.songsid).then(res=>{
        this.setData({
          // 通过事件event获取到所点击到的哪个10首的歌曲列表
          currentid:e.currentTarget.dataset.songsid,
          // 获取到每首歌曲的信息
          startlist:res.data.playlist.tracks,
        })
        // 设置当前播放列表
        // app.setplayList(res.data.playlist.tracks)
        // console.log(this.data.startlist)
        this.startsings()
      })
    }