layui定义一个模块并使用的实例(2)-木庄网络博客

2022-03-21 16:59:18 PHP中文网 JavaScript 百度已收录

define中的第一个参数可以加载一些layui中内置的模块来使用，第二个回调方法中定义一些公共的方法

exports的第一参数是这个模块起的名字，第二个参数是一个对象该对象中定义了这三个方法

设置模块

//设置模块
layui.config({
    base: ctx + '/js/app/modules/' //假设这是你存放拓展模块的根目录
}).extend({ //设定模块别名
    common:'common'
});

定义模块使用layui.config

base定义的是定义模块的js所在目录

common是设置的别名，’common’是目录中的文件名（.js自动加）

调用模块

layui.use(['common'], function(){
    var common = layui.common;
 
    common.changeParentPlace($("#firstLevelId").val(),'secondLevelId');
 
});

先将common模块use出来，调用代码如上common.changeParentPlace($("#firstLevelId").val(),'secondLevelId');和使用内置模块是一样的

相关阅读 >>

更多相关阅读请进入《layui》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者