layui自己设置模块的使用总结
一、自己设置模块
首先创立一个myModule.js文件，它依赖layer模块,如下所示：
layui.define(['layer'],function(exports){ var layer = layui.layer; function tellName(){ layer.msg('这是我的自己设置模块1'); } exports('myModule',function(){ return tellName });});exports是一个函数，它接受两个参数，第一个参数为模块名，第二个参数为模块接口，当你公告了上述的一个模块后，你即可以在外部使用了。这里的myModule模块给外部的接口是一个匿名函数。而这个匿名函数返回值也是一个函数所以我们在调用myModule时候，如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" /></head><body><script src="https://www.layuicdn.com/layui/layui.js"></script><!--您的Layui代码start--><script type="text/javascript"> layui.config({ base:'js/'//myModule.js所在目录 }).use(['form','myModule'], function(){ var Tab = layui.myModule; Tab()(); });</script></body></html>
二、exports的第二个参数模块接口是一个函数。
mymodule.js定义如下：
layui.define(['layer'],function(exports){ var layer = layui.layer; function tellName(){ layer.msg('这是我的自己设置模块1'); } exports('myModule',tellName);});调用自己设置模块：
<script src="https://www.layuicdn.com/layui/layui.js"></script><!--您的Layui代码start--><script type="text/javascript"> layui.config({ base:'js/'//myModule.js所在目录 }).use(['form','element','myModule'], function(){ var Tab = layui.myModule; Tab(); });</script>三、exports输出的模块接口是一个对象：
layui.define(['layer'],function(exports){ var layer = layui.layer; var obj = { name:'我的自己设置模块2', age:'18', tellName:function(){ layer.msg(this.name); } } exports('myModule',obj);});调用自己设置模块：
<script src="https://www.layuicdn.com/layui/layui.js"></script><!--您的Layui代码start--><script type="text/javascript"> layui.config({ base:'js/'//myModule.js所在目录 }).use(['form','element','myModule'], function(){ var Tab = layui.myModule; Tab.tellName(); layer.msg(Tab.age) });</script>tips:当自己设置模块里引用了layer的时候，在调用页面无需重复引入，可直接使用。
原文作者技术博客：https://www.songma.com/u/ac4daaeecdfe
说明
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » layui自己设置模块的使用总结
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » layui自己设置模块的使用总结
