layui中调用自定义函数，自定义调用 layui——layui笔记

我这头发越来越多呀

已于 2023-03-17 09:08:35 修改

阅读量1.4k

点赞数

分类专栏： layui笔记文章标签： layui javascript 前端

于 2023-03-15 13:57:22 首次发布

本文链接：https://blog.csdn.net/weixin_42128648/article/details/129553532

版权

layui笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题：
我们希望定义一个函数可以调用layui的函数，来更方便地使用layui组件。比如我们想自己定义一个函数，实现我们的需求同时又能使用layer.msg(‘第一种调用方式’);这样的方法。
有如下三种方式：
在这里插入图片描述
而这三种定义的函数我们需要写在layui.use之内，这样可以实现相互调用

layui.use(['upload', 'element', 'layer'], function(){
	var $ = layui.jquery
      	,upload = layui.upload
     	 ,element = layui.element
    	  ,layer = layui.layer;

    $("#testb").click(function(){
        layer.msg('第一种调用方式', {icon: 1});
    });
    layui.test2=function(){
        layer.msg('第二种调用方式', {icon: 1});
    };
    window.test3 = function ()
    {
        layer.msg('第三种调用方式', {icon: 1});
    }
});