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

小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下:

详细内容见微信小程序API:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
利用自定义属性即可完成事件的参数传递
wxml:

<view bindtap="goLotteryDetail" data-id="{{item.lotteryId}}" data-type="end" ></view>

js:

 goLotteryDetail(event) {
        console.log('event', event);
        let id = event.currentTarget.dataset.id;
        let type = event.currentTarget.dataset.type;
      // do something 
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 10,237评论 0 7
  • 1.小程序起步 (1)点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 8,730评论 0 0
  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 12,122评论 0 9
  • 第一章 什么是微信小程序 1. 小程序介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取...
    呆毛和二货阅读 4,288评论 0 1
  • 二十多年前因为生源减少,我们村的小学已经合并到外村去了。原先的村小学校舍渐渐荒废,年久失修,后因另作它用,最后被拆...
    青梅浊酒阅读 4,427评论 13 20