当前位置: 移动技术网 > IT编程>开发语言>Jquery > layui 集成第三方和自定义组件到模块规范

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

2019年11月27日  | 移动技术网IT编程  | 我要评论

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

});

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网