本篇文章為大家展示了怎么在Layui中自定義模塊，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創新互聯成立于2013年，我們提供高端重慶網站建設公司、成都網站制作、成都網站設計公司、網站定制、成都全網營銷、小程序開發、微信公眾號開發、成都網站推廣服務，提供專業營銷思路、內容策劃、視覺設計、程序開發來完成項目落地，為電動窗簾企業提供源源不斷的流量和訂單咨詢。

使用layui.define()方法來擴展模塊、當然模塊中你也可以使用layui的其他方法、如下

layui.define('layer', callback);

在定義擴展模塊的時候、我需要使用layui的layer模塊、然后在回調函數中定義自己的方法

layui.define(["layer","jquery"],function (exports) {
  var obj = {
    login : function (url,data,$,targetUrl) {
      $.post(url,{code:data.code},function (res) {
       if (res.code&&res.code==400){
         layer.msg(res.msg,{icon:1},function () {
           window.location.href = targetUrl;
         });
       }else{
         layer.msg(res.msg,{icon:1},function () {
           window.location.href = targetUrl;
         });
       }
      });
    }
  }
  exports("login",obj);
});

上述代碼中定義了一個login模塊、以便在我登錄的時候、不需要寫過度的代碼即可實現登錄、讓頁面看起來更清爽【無任何雜質】

那么模塊定義完了、怎么使用呢？

<script type="text/javascript">
  layui.config({
    base: '/static/admin/js/module/'//模塊存放的目錄
  }).use(['jquery','element','form','login'],function () {
    var $ = layui.jquery,
      form = layui.form,
      element = layui.element,
      login = layui.login;
    form.on("submit(subBtn)",function (data) {
      //獲取表單的值
      var field = data.field;
      login.login("{:url('Login/doLogin')}",field,$,"{:url('Index/index')}");
      return false;
    });
  });
</script>

上述內容就是怎么在Layui中自定義模塊，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創新互聯成都網站設計公司行業資訊頻道。

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享標題：怎么在Layui中自定義模塊-創新互聯
鏈接URL：http://vcdvsql.cn/article14/ejpde.html

成都網站建設公司_創新互聯，為您提供軟件開發、營銷型網站建設、搜索引擎優化、網站設計、網站設計公司、小程序開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯