Layui自定義模組的使用方式

2022-05-20 17:43:25 字數 718 閱讀 5507

為什麼要自定義模組呢?好處很多、比如可以大量重用**......

根據layui官方的文件說明、首先第一步是要確定你要擴充套件的模組名稱

現在做的是登入功能、因此擴充套件模組名叫  login

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

layui.define('layer', callback);
在定義擴充套件模組的時候、我需要使用layui的layer模組、然後在**函式中定義自己的方法

layui.define(["layer","jquery"],function (exports) ,function (res) ,function () );

}else,function () );

}});}}

exports("login",obj);

});

上述**中定義了乙個login模組、以便在我登入的時候、不需要寫過度的**即可實現登入、讓頁面看起來更簡潔

那麼模組定義完了、怎麼使用呢?

我們遵循 layui 的模組規範建立乙個入口檔案,並通過 layui.use() 方式來載入該入口檔案,最終使用

在登入的時候、直接將引數傳遞過去即可。展示的效果如下

Layui自定義模組的使用

這裡以common.js為例,如下 common.js檔案 layui.define function exports exports common obj common為新建的模組名 不考慮命名規範的話,名字隨便起 obj即為模組中的obj物件 對你的新模組進行配置 建立config.js檔案專一...

layui 封裝自定義模組

layui是國人開發的一款非常簡潔的ui框架,使用了模組化載入方式,因此在使用過程中我們難免需要新增自己的模組,本教程就教大家封裝乙個簡單的模組。平常使用中,ajax可以說使用廣泛,所以這裡我們新增乙個自己的模組,將ajax封裝一下,方便使用。1 搭建專案目錄 2 編寫模組檔案 layui.defi...

Layui自定義模組基礎學習

新手剛剛接觸layui,在自定義自己的layui模組的時候廢了半天勁,最終終於定義了乙個模組成功了,特此做此記錄 步驟如下 第一步 新建乙個js檔案,目錄自選 該例項實在專案的根目錄下新建乙個mydefinationlayuimodal,js檔案在該目錄下 採用layui.define方法 layu...