快速掌握小程序组件事件自定义参数的方法
2016-12-30 17:56
661 查看
我发现看别人的demo真的对学习很有帮助。比如说我看到这个:
一开始很懵逼,完全不知道这个e.currentTarget.dataset.id是什么东西,怎么来的。于是我便去深入研究这部分代码。首先了解到commodity是自定义的一个事件处理函数。
与bindtap绑定,所以e是点击事件传过来的一个参数。
看官网中关于点击事件参数信息的说明:
OK,重点便在这里。在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.target.dataset 中会将连字符转成驼峰elementType。
看代码可知,这里是自定义了一个名字为id的dataset,因此在事件函数中,我们可以通过e.currentTarget.dataset.id访问到绑定到该组件的自定义数据。
一开始很懵逼,完全不知道这个e.currentTarget.dataset.id是什么东西,怎么来的。于是我便去深入研究这部分代码。首先了解到commodity是自定义的一个事件处理函数。
与bindtap绑定,所以e是点击事件传过来的一个参数。
看官网中关于点击事件参数信息的说明:
OK,重点便在这里。在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.target.dataset 中会将连字符转成驼峰elementType。
看代码可知,这里是自定义了一个名字为id的dataset,因此在事件函数中,我们可以通过e.currentTarget.dataset.id访问到绑定到该组件的自定义数据。
相关文章推荐
- 快速掌握小程序组件事件自定义参数的方法
- 微信小程序开发—快速掌握组件及API的方法---转载
- 微信小程序开发—快速掌握组件及API的方法
- 微信小程序开发—快速掌握组件及API的方法
- 微信小程序开发—快速掌握组件及API的方法
- dojo小例子(15)给dojo on的事件处理函数传递自定义参数的两种方法
- Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数、ColModel API、事件及方法
- html5自定义comfirm组件,可传参数、回调方法
- 微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
- 度量快速开发平台自定义控件与自定义事件的使用方法
- 程序事件打开自定义的菜单menu方法
- Vue.js自定义事件的表单输入组件方法
- 微信小程序自定义组件封装及父子间组件传值的方法
- Actionscript通过构造自定义事件和方法,谈谈可选参数的问题
- C# 自定义事件并使用自定义事件参数方法
- VS.NET打包程序自定义安装组件中获得安装包所在路径的解决办法
- C#学习之静态成员和非静态成员,构造函数,方法,方法参数,操作符重载,事件
- extremeComponents Table组件快速使用方法
- 事件驱动自动生成静态页面模板解决方法(一)——利用静态类和FileSystemWatcher实现模板快速索引和读取
- 事件处理程序中sender参数的用法