layui 集成第三方和自定义组件到模块规范

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1、新建一个layui.extend.js文件，页面调用时这个文件放到layui.js后面。

2、基础的配置卸载config中，扩展的组件写入extend，组件的路径是相对于config下base的路径。

例如：

layui.config({
version: false, //一般用于更新模块缓存，默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值，如：201610
debug: false, //用于开启调试模式，默认false，如果设为true，则JS模块的节点会保留在页面
base: '/Resource/layuiadmin/lib/' //设定扩展的Layui模块的所在目录，一般用于外部模块扩展
}).extend({
index: 'index', //主入口模块,
treetable: '../modules/treetable',
eleTree: 'extend/eleTree/eletree', // {/}的意思即代表采用自有路径，即不跟随 base 路径
treeSelect: 'extend/treeSelect',
step: 'step-lay/step',
tableSelect: 'extend/tableSelect',
area: 'extend/areaselect/areaselect',
autocomplete: 'extend/autocomplete/autocomplete',
uploader: 'extend/uploader/uploader'
});

3、模块调用

layui.use(['form', 'step', 'element', 'tableSelect', 'laytpl', 'laydate', 'area'], function () {

var form = layui.form;

var step = layui.step;

......

var Project ={}//内部方法

window.Operate={}//对外方法比如页面点击等

});