对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中sort()方法的用法
Nov 04 Javascript
JS option location 页面跳转实现代码
Dec 27 Javascript
关于js类的定义
Jun 28 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
浅谈JavaScript实现面向对象中的类
Dec 09 Javascript
jquery插件validation实现验证身份证号等
Jun 04 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
Aug 26 Javascript
五步轻松实现JavaScript HTML时钟效果
Mar 25 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 29 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 06 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
js实现头像上传并且可预览提交
Dec 25 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 文件上传类代码
2011/08/06 PHP
浅析php中如何在有限的内存中读取大文件
2013/07/02 PHP
php 无限级分类 获取顶级分类ID
2016/03/13 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
cssQuery()的下载与使用方法
2007/01/12 Javascript
一个网马的tips实现分析
2010/11/28 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
Jquery实现弹性滑块滑动选择数值插件
2015/08/08 Javascript
整理一下常见的IE错误
2016/11/18 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
React Native验证码倒计时工具类分享
2017/10/24 Javascript
分析JS单线程异步io回调的特性
2017/12/01 Javascript
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
js删除指定位置超链接中含有百度与360的标题
2021/01/06 Javascript
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
python 计算两个列表的相关系数的实现
2019/08/29 Python
python pillow模块使用方法详解
2019/08/30 Python
python编写猜数字小游戏
2019/10/06 Python
python爬虫开发之使用Python爬虫库requests多线程抓取猫眼电影TOP100实例
2020/03/10 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
python搜索算法原理及实例讲解
2020/11/18 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
Django中使用Celery的方法步骤
2020/12/07 Python
Python如何实现Paramiko的二次封装
2021/01/30 Python
HTML5 progress和meter控件_动力节点Java学院整理
2017/07/06 HTML / CSS
微博营销计划书
2014/01/10 职场文书
社区交通安全实施方案
2014/03/22 职场文书
岗位廉洁从业承诺书
2014/03/28 职场文书
三好学生演讲稿范文
2014/04/26 职场文书
文明社区申报材料
2014/08/21 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
利用Python第三方库实现预测NBA比赛结果
2021/06/21 Python
能用CSS实现的就不要麻烦JavaScript了
2021/10/05 HTML / CSS