通过data的属性值在bindtap中的函数中传值

2016/10/27 23:21:10 人评论 次浏览 分类:系列教程


微信小程序开发中在bindtap的函数中传入参数,类似在web开发中常用的,在元素标签中中的事件属性,onclick="clickevent(param)",而这种web开发中写法在微信小程序开发中是报错的。

微信小程序有自己的实现方式:通过在组件中的data-XX的属性中传入参数值,例如: bindtap="onButtonTap" data-name="this is my name"




在onButtonTap的函数中接受并且处理从bindtap的函数中传入的参数值:




在console.log(e)中可以看到e的所有属性和方法,其中currentTarget.dataset.name就是对应的data的属性值。




所以console.log(e.currentTarget.dataset.name);就能获得data的属性值,实现了bindtap函数中的传参数。


微信小程序开发交流群 487660230 欢迎各位微信小程序技术开发者的加入交流

相关资讯

  • 微信小程序通过wx.makePhoneCall调用一键拨打电话

    微信小程序通过wx.makePhoneCall调用一键拨打电话,主要是通过微信小程序提供的makePhoneCall的API调用拨打电话的操作。本来这个功能在WEB网页中是可以浏览器的示例代码:wx.makePhoneCall({phoneNumber: 1340000 //仅为示例,并非真实的电话号码 })

    2016/10/29 22:54:06
  • 在Json配置中修改设置微信小程序的页面标题

    打开微信开发者工具,新建一个quick start的项目,项目默认显示Hello World微信小程序的首页,微信小程序的默认标题为:WeChat;点击【编辑】进入代码编辑界面;在app.json文件中的navigationBarTitleText对应的默认值“WeChat”修改成为“我的微信小程序自定义标题”

    2016/10/12 11:26:13
  • 微信小程序开发工具常用开发快捷键

    微信小程序开发工具常用开发快捷键

    2016/9/30 13:02:28
  • 微信小程序IDE开发环境的搭建(破解版)

    关于破解版的微信开发工具IDE的说明目前小程序在内测的阶段,有邀请码你才会有属于你的微信小程序appId因为最初的微信开发工具版本在没有APPID是不可以体验或者开发的,必须经过破解,才能进行开发的。后来的版本微信官方把小程序的IDE环境直接开放,增加无AppID 模式。

    2016/9/28 21:31:34