当前位置: 首页 > 工具软件 > layui > 使用案例 >

layui扩展一个layui 模块

郑锦
2023-12-01

test.js

layui.define(function(exports){ //提示:模块也可以依赖其它模块,如:layui.define('layer', function(exports){var $ = layui.$ ,layer = layui.layer 。。(剩下内容和下面一样的,这样这个里面就能用layer的弹窗了)});

var obj = {

hello: function(str){

alert('Hello '+ (str||'mymod'));

}

};

 

//输出test接口

exports('test', obj);

});

 

test.html引入扩展并使用

layui.config({base: '../mods/'}).extend(test:'test');// base是他的路径use是你写的扩展的名字。

layui.use(['test'],function(){

    var test=layui.test;

//使用test里面定义的方法 

test.hello("你好");

 

})

 

我这里没文件名是test.js  导出的文件也是(exports('test', obj);)。引入的时候也是test所以没有问题。但是如果你要是使用的命名不一样就得注意了。

 

 

 类似资料: