对layui中的onevent 和event的使用详解


Posted in Javascript onSeptember 06, 2019

这是官方文档的说明

layui.onevent(modName, events, callback) 自定义模块事件,属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块
layui.event(modName, events, params) 执行自定义模块事件,搭配onevent使用

参数1我暂时理解为组,定义子级方法和使用event调用都需要注意这个参数必须一致

参数二是定义父级方法名,如果有需要定义该方法的子方法时候同样使用onevent,但参数二的方法名需要与父级相同并已加上括号

如下面的代码中data方法,定义子方法就是data(1),

如果使用layui.event方法调用data(1),方法即会data(1)和data方法

//监听Tab切换,以改变地址hash值
      element.on("tab(test)", function() {
        // location.hash = "test=" + this.getAttribute("lay-id");
      //使用event调用data(1)方法并传入参数,这时候这里会触发data方法和data(1)方法
        layui.event('groupData','data(1)',this.getAttribute("lay-id"));
      });
      //定义父级方法data
      layui.onevent('groupData','data',function(gid){
          console.log(gid); 
      });
      //定义子方法data(1)
      layui.onevent('groupData','data(1)',function(gid){
       console.log(1321321);
      });

以上均为本人使用经验理解,如有说错,欢迎大家指出!

这篇对layui中的onevent 和event的使用详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js模拟实现Array的sort方法
Dec 11 Javascript
Mootools 1.2教程 Tooltips
Sep 15 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
javascript中eval和with用法实例总结
Nov 30 Javascript
jQuery toggle 代替方法
Mar 22 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
Dec 08 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
JS实现图片拖拽交换效果
Nov 30 Javascript
使用webpack搭建vue项目实现脚手架功能
Mar 15 Javascript
vue滚动tab跟随切换效果
Jun 29 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 #Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 #Javascript
layui type2 通过url给iframe子页面传值的例子
Sep 06 #Javascript
使用layui的router来进行传参的实现方法
Sep 06 #Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 #Javascript
layui关闭层级、简单监听的实例
Sep 06 #Javascript
layui表格内容溢出的解决方法
Sep 06 #Javascript
You might like
PHP中设置时区方法小结
2012/06/03 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
js判断变量初始化的三种形式及推荐用的形式
2014/07/22 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
jquery带动画效果幻灯片特效代码
2015/08/27 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
JQuery实现Ajax加载图片的方法
2015/12/24 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
Node.js系列之发起get/post请求(2)
2019/08/30 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
Python3.2中Print函数用法实例详解
2015/05/19 Python
开始着手第一个Django项目
2015/07/15 Python
在Django中进行用户注册和邮箱验证的方法
2016/05/09 Python
python中单下划线_的常见用法总结
2018/07/10 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
解决pyqt5中QToolButton无法使用的问题
2019/06/21 Python
基于Pytorch SSD模型分析
2020/02/18 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
python中time tzset()函数实例用法
2021/02/18 Python
HTML5使用drawImage()方法绘制图像
2014/06/23 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
银行会计财务工作个人的自我评价
2013/10/29 职场文书
境外导游求职信
2014/02/27 职场文书
大班幼儿评语大全
2014/04/30 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
python图片灰度化处理的几种方法
2021/06/23 Python