-
自定义模块
layui.define(['layuiModule1'],function(exports){ var obj = { method1 : function(){//自定义方法1 let layuiModule1 = layui.layuiModule1; console.log('hello world'); } } exports('moduleName',obj); })
说明:以上代码为自定义模块的简单写法范例,define方法的第一个参数为在自定义模块中需要使用到的layui原生模块,使用方法同layui原生模块调用方式一致,需要先加载再调用。
-
自定义模块调用
layui.config({ base:""//此地址相对于引用文件自身,而非项目根目录,以'/'结尾 }).extend({ moduleName: 'moduleJsFileName'//扩展模块定义 }).use(['layuiModule','moduleName'],function(){ let layuiModule = layui.layuiModule ,moduleName = layui.moduleName; //所有逻辑代码尽量写在此处 })
说明:以上代码为调用layui扩展模块的简单写法范例,其中extend方法中的moduleName后的moduleJsFileName的赋值不需要添加后缀,只需要文件名即可,需要保证扩展名和base拼接后可以访问到当前的扩展模块所对应的js文件。如上写好后,我们在使用扩展模块时就和使用layui原生模块方法一致了。
后记:在使用layui的过程中遇到了很多细小的问题,持续记录在使用过程中遇到的问题,希望下次再遇到的时候可以少走弯路