Layui自定義模組的使用

2022-06-28 11:09:09 字數 1633 閱讀 5018

這裡以common.js為例,**如下:

//

common.js檔案

layui.define(function

(exports)

};exports('common', obj); //

common為新建的模組名(不考慮命名規範的話,名字隨便起),obj即為模組中的obj物件

});

對你的新模組進行配置(建立config.js檔案專一用來配置你的自定義模組),**如下:

//

config.js檔案

layui.config().extend();

在這裡有一些問題需要注意,官方文件是這樣寫的:

官方文件的base路徑是/res/js/,在測試過程中,如果把我的案例改為 /js/,則會報錯,控制台輸出如下:

新建 index.html檔案,內容如下,即可正常使用自定義模組

//這裡即為自定義模組的使用方式

layui.use(

'common',

function

() );

script

>

html

>

最後貼出整個專案的目錄結構:

Layui自定義模組的使用方式

為什麼要自定義模組呢?好處很多 比如可以大量重用 根據layui官方的文件說明 首先第一步是要確定你要擴充套件的模組名稱 現在做的是登入功能 因此擴充套件模組名叫 login 使用layui.define 方法來擴充套件模組 當然模組中你也可以使用layui的其他方法 如下 layui.define...

layui 封裝自定義模組

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

Layui自定義模組基礎學習

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