layui 添加第三方插件

本是古典何须时尚 2021-12-09 07:37 1060阅读 0赞

## 关于 layui 添加第三方 JS 库 ##

在写公司项目时，需要将第三方 JS 库整合到 layui 中，具体操作如下：

示例：[https://www.jianshu.com/p/7a182e8bff10][https_www.jianshu.com_p_7a182e8bff10]

社区最佳回答：[https://fly.layui.com/jie/5076/][https_fly.layui.com_jie_5076]

layui.define(function(exports){ //提示：组件也可以依赖其它组件，如：layui.define('jquery', callback);
      //插件内容
      //输出test接口
      exports('test');
    });
    //如果有依赖的css则是
    layui.define(function(exports){ 
      //插件内容
      //输出test接口
      exports('test');
    }).addcss('css相对于这个js的路径');
    
    //调用
    layui.config({
      base: '/res/js/' //假设这是test.js所在的目录   可以把你需要扩展的js插件都放在一个文件夹内
    }).extend({ //设定组件别名
      test: 'test' 
    });
     
    //使用test
    layui.use('test', function(){
      var test = layui.test;
      //插件的调用  有依赖就加依赖，比如jq
    });

## 关于升级 layui 中的 jQuery ##

因为 layui 框架使用的是原始 JS 方式实现，不依赖jQuery，so：

打开 jQuery 最新版  →  复制内容  →  打开layui内jQuery.js文件  →  粘贴  →  在 return jQuery; 之上添加以下内容：

//将jQuery对象局部暴露给layui
    layui.define(function(exports){
      layui.$ = jQuery;
      exports('jquery', jQuery);
    });

搞定！

转载于:https://www.cnblogs.com/clement-jiao/p/10906191.html

[https_www.jianshu.com_p_7a182e8bff10]: https://www.jianshu.com/p/7a182e8bff10
[https_fly.layui.com_jie_5076]: https://fly.layui.com/jie/5076/

发表评论取消回复

表情：

评论列表（有 0 条评论，1060人围观）

还没有评论，来说两句吧...

相关阅读

相关 Layui引入第三方图标

在阿里矢量图图库中挑选图标，加到购物车 ![在这里插入图片描述][20210610155623902.png] 下载代码 ![在这里插入图片描述][waterma

浅浅的花香味﹌/ 2022年10月06日 00:57/ 0 赞/ 312 阅读

相关启用第三方Chrome插件

当我们通过本地安装了第三方Chrome插件（或者自己刚刚开发的插件），结果发现不能启用。提示：“该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加

曾经终败给现在/ 2022年06月17日 07:09/ 0 赞/ 333 阅读

相关 Pycharm如何添加第三方库和插件

转载:http://www.cnblogs.com/Bingosay/archive/2015/10/28/4917374.html Pycharm如何添加第三

野性酷女/ 2022年06月07日 07:27/ 0 赞/ 344 阅读

相关 nuxt.js 引入第三方插件

plugins 属性配置 src: String (文件的路径) ssr: Boolean (默认为 true) 如果值为 false，该文件只会在客户端被打包引入。

àì夳堔傛蜴生んèń/ 2022年06月01日 22:48/ 0 赞/ 732 阅读

相关 jQuery_引入第三方插件

前端库插件的说明文档都是.md结尾的文件（Markdown）如何动态的去安装第三方的包呢？ ![这里写图片描述][70] 借助包管理工具 bower、npm,自动

桃扇骨/ 2022年05月21日 00:13/ 0 赞/ 378 阅读

相关应用第三方的jQuery Tag插件

问答系统是很多网站都有的功能。然而在发布问题时需要将问题对应到多个标签, 为了帮助用户快速而方便地完成操作, 可以借助于一个第三方的jQuery tag插件, 该插件允许输入

ゝ一纸荒年。/ 2022年05月10日 01:46/ 0 赞/ 322 阅读

相关 layui使用第三方组件流程

例如：[treeTable 树形表格][treeTable]。 1.在layui官网中找到拓展组件并搜索组件名 ![watermark_type_ZmFuZ3poZW5na

àì夳堔傛蜴生んèń/ 2022年03月26日 07:28/ 0 赞/ 1085 阅读

相关 layui 添加第三方插件

关于 layui 添加第三方 JS 库在写公司项目时，需要将第三方 JS 库整合到 layui 中，具体操作如下：示例：[https://www.jians

本是古典何须时尚/ 2021年12月09日 07:37/ 0 赞/ 1061 阅读

相关【Vue】引入第三方组件（Layui）

关于Vue引入第三方组件的方式有很多，但测试过很多方式都不可行。我的需求是在使用Vue脚手架搭建的项目中引入Layui这个前端框架，方式有两种，第一种是使用npm导入，第二种拷

迷南。/ 2021年11月29日 11:44/ 0 赞/ 774 阅读

相关 Layui---日历插件Laydate(三)

1 去掉laydate自定义的mark标记，css代码如下： /去掉日历mark标记/ .laydate-day-mark::after{

Myth丶恋晨/ 2021年11月10日 04:32/ 0 赞/ 1090 阅读