网站首页 > 教程文章 正文
这是官方文档的说明
layui.onevent(modName, events, callback) | 自定义模块事件,属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块 |
layui.event(modName, events, params) | 执行自定义模块事件,搭配onevent使用 |
layui.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);
});
以上均为本人使用经验理解,如有说错,欢迎大家指出
- 上一篇: 2024前端面试真题之—VUE篇
- 下一篇: 通过 React Router V6 源码,掌握前端路由
猜你喜欢
- 2024-12-02 深入理解vue-router原理
- 2024-12-02 20道Vue常见面试题,你会几道?
- 2024-12-02 前端接口防止重复请求实现方案
- 2024-12-02 这些iframe跨域解决方案你需要了解一下,以后不应该再是你的盲区
- 2024-12-02 XSS讲解下(web安全入门11)
- 2024-12-02 2023近期前端面试遇到的题(前端初级)
- 2024-12-02 js基础面试题131-160道题目
- 2024-12-02 js中hash、hashchange事件
- 2024-12-02 IFRAME的各种经验总结
- 2024-12-02 通过 React Router V6 源码,掌握前端路由
- 最近发表
- 标签列表
-
- location.href (44)
- document.ready (36)
- git checkout -b (34)
- 跃点数 (35)
- 阿里云镜像地址 (33)
- qt qmessagebox (36)
- md5 sha1 (32)
- mybatis plus page (35)
- semaphore 使用详解 (32)
- update from 语句 (32)
- vue @scroll (38)
- 堆栈区别 (33)
- 在线子域名爆破 (32)
- 什么是容器 (33)
- sha1 md5 (33)
- navicat导出数据 (34)
- 阿里云acp考试 (33)
- 阿里云 nacos (34)
- redhat官网下载镜像 (36)
- srs服务器 (33)
- pico开发者 (33)
- https的端口号 (34)
- vscode更改主题 (35)
- 阿里云资源池 (34)
- os.path.join (33)