打赏

layui自定义模块

想把用了layui的页面的一些函数抽取公用,直接引入外部js不可行,只能用layui的模块功能。官网没有说明,但模块名必须和文件名一致

新建yananmod.js文件,内容如下:

layui.define([ 'jquery', 'form' ], function(exports) { // 'jquery', 'form'是依赖的模块
    var $ = jQuery = layui.$,form=layui.form;
    var obj = {
        hello : function(str) {
            alert('Hello ' + (str || 'mymod'));
        },
        renderSelect : function(url) {
            $.ajax({
                url : url,
                dataType : 'json',
                success : function(data) {
                    console.log(data);
                },
                error : function(msg) {
                    layer.alert("服务器忙,请稍后再试");
                }
            });
        }
    };
    // 输出模块名为yananmod。模块名必须和文件名一致。obj是个对象,该对象中定义了两个方法
    exports('yananmod', obj);
});

 引入方式:

<script>
layui.config({
      base: '/js/' //设定扩展的Layui模块的所在目录
}).use(['jquery','form','yananmod'], function(){
  var form=layui.form ,$ = jQuery = layui.$,yananmod = layui.yananmod;
  yananmod.hello('World!'); //弹出 Hello World!
  yananmod.renderSelect('xxxurl');//
});
</script>

@官网文档@参考文章2@参考文章3

posted @ 2019-11-07 13:37  每天都要学一点  阅读(776)  评论(0编辑  收藏  举报