Layui自定义模块基础学习
来源:互联网 发布:安知玉如意好看吗 编辑:程序博客网 时间:2024/05/20 02:51
新手刚刚接触layui,在自定义自己的layui模块的时候废了半天劲,最终终于定义了一个模块成功了,特此做此记录
步骤如下:
第一步:新建一个js文件,目录自选(该实例实在项目的根目录下新建一个MyDefinationLayUiModal,js文件在该目录下),采用layui.define方法
layui.define(function(e){
//提示:该模块也可以依赖其他模块,如:layui.define('layer',callback);
var alert_demo2 = {
hello:function(str) {
alert('Hello'+str);
}
};
//输出该模块的接口,第一个参数为模块接口的名称,第二个参数为该模块中的可调用的对象,通过该对象可以调用指定的模块中的方法,该接口的名称必须和js的文件名相同(此处的js的文件为alert_demo.js),否则将模块无法被调用。
e('myalert_demo',alert_demo2);
});
第二歩:调用定义好的模块:
<script type="text/javascript">
//对自定义的模块进行路径的配置:
layui.config({
//base属性,指明js所定义的模块的相对(相对于根目录)路径
base:'MyDefinitionLayUiModal/'
}).extend({
myalert_demo:'myalert_demo' //key和value必须一样,此值和输出接口接口的名称//也相同
});
//使用自定义的提示框模块,use方法中的第一个参数为myalert_demo必须和定义的输出接口的名称//相同
layui.use('alert_demo',function(){
var alert_demo = layui.myalert_demo;
alert_demo.hello("你好世界,我是自定义模块!!");
});
</script>
到此为止,自定义的模块的基本案例,就此完成,如若有误,请多多指教。不胜感激。
- Layui自定义模块基础学习
- layui自定义js模块(实例)
- layui学习
- TP5 layui 自定义模板
- layui自定义表单校验
- layui源码详细分析系列之element模块以及自定义事件机制
- layui学习笔记
- Layui 学习整理
- layui学习笔记
- Layui的学习思路
- layui学习笔记
- Layui学习记录
- Python 模块【基础学习】
- cookielib模块基础学习
- layui内置模块(layer弹出层)
- 基于layui的三级联动模块
- layui
- [layui
- 10.ipcs
- 注解的用法
- 2017-06-21 星期三
- vue.js 底部导航栏 一级路由显示 子路由不显示
- robotframework的mac版本安装
- Layui自定义模块基础学习
- Docker Swarm 和Swarm mode 是两个概念!!
- nagios安装使用指南
- 设计模式->行为型模式->迭代器模式
- 最长公共子序列LCS-DP
- TCP的三次握手四次分手详解
- input标签的method属性 post与get的区别
- 通过nginx访问静态文件配置
- Qt实现TCP通信简例