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={}//对外方法比如页面点击等

});

你可能感兴趣的:(layui 集成第三方和自定义组件到模块规范)