插件窝 干货文章 layui自定义模块

layui自定义模块

layui 自定义 模块 1696    来源:插件窝    2019-08-15

layui 的模块规范建立一个入口文件,并通过 layui.use() 方式来加载该入口文件,如下所示

<script>
layui.config({
base: '/res/js/modules/' //你存放新模块的目录,注意,不是layui的模块目录
}).use('index'); //加载入口 

layui.config({
base: '/res/js/modules/' //你存放新模块的目录,注意,不是layui的模块目录
}).use(['layer','linkmenu']); //加载入口 加载多个模块可以使用数组格式

</script>

上述的 index ,linkmenu即为你 /res/js/modules/ 目录下的 index.js,linkmenu.js,它的内容应该如下:

/**
项目JS主入口
以依赖layui的layer和form模块为例
**/
layui.define(['layer', 'form'], function(exports){
var layer = layui.layer
,form = layui.form;

layer.msg('Hello World');

exports('index', {}); //注意,这里是模块输出的核心,模块名必须和use时的模块名一致 文件名必须和这里的名称保持一致
});


上一篇:没有了