layui 自定义模块

新建模块目录modules

新建common.js

layui.define([\'jquery\'], function (exports) {
    var $ = layui.jquery;
    var obj = {
        test: function () {
            alert(\'test from common\');
        }
    };
    //输出接口
    exports(\'common\', obj);
});

配置

layui.config({
    base: \'/xadmin/lib/layui/modules/\'      //自定义layui组件的目录
}).extend({ //设定组件别名
    common:   \'common\', // 如果相同可以不设置别名
});

使用

layui.use([\'common\'],
	function () {
		let common = layui.common;
		common.test();
    }
);

formSelects 案例

将formSelects-v4.js放入modules目录中。

修改配置文件。

layui.config({
    base: \'/xadmin/lib/layui/modules/\'      //自定义layui组件的目录
}).extend({ //设定组件别名
    formSelects:   \'formSelects-v4\', // 如果相同可以不设置别名
});

使用

<select name="type" id="L_type" lay-verify="required" xm-select="type">
    <option value="">请选择</option>
    <volist name="type_id_name" id="vo">
        <option value="{$vo.id}">{$vo.name}</option>
    </volist>
</select>

layui.use([\'jquery\', \'form\', \'layer\', \'formSelects\'],
    function () {
        $ = layui.jquery;
        let form = layui.form, layer = layui.layer;
        // let formSelects = layui.formSelects;
});