Nutzungsspezifikationen für das Layui-Modul (mit Code)

Freigeben: 2019-11-29 13:23:11
nach vorne
2158 Leute haben es durchsucht

Nutzungsspezifikationen für das Layui-Modul (mit Code)

Vorinstalliert

Kommen wir gleich zum Punkt: Es ist besser, es einfach zu verwenden. Das Laden des Layui-Moduls verwendet die Kernmethode „layui.use“ (Mods, Callback). Wenn Ihr JS das Layui-Modul verwenden muss, empfehlen wir Ihnen, das Vorladen zu verwenden, da dadurch die Mühe vermieden werden kann, „layui.use“ überall zu schreiben. Sie sollten es in der äußersten Ebene so definieren:

    /*
    Demo1.js
    使用Layui的form和upload模块
    */
    layui.use(['form', 'upload'], function(){ //如果只加载一个模块,可以不填数组。如:layui.use('form')
    var form = layui.form() //获取form模块
    ,upload = layui.upload; //获取upload模块
    //监听提交按钮
    form.on('submit(test)', function(data){
    console.log(data);
    });
    //实例化一个上传控件
    upload({
    url: '上传接口url'
    ,success: function(data){
    console.log(data);
    }
    })
    });
Nach dem Login kopieren

On-Demand-Laden (nicht empfohlen)

Wenn Sie an einer Zwangsstörung leiden, haben Sie extreme Anforderungen Für die Website-Performance möchten Sie die erforderlichen Module nicht vorab laden, sondern die Module laden, wenn eine Aktion ausgelöst wird. Dann ist dies zulässig. Sie müssen kein großes „layui.use“ in die äußerste Schicht Ihres JS einbinden, Sie benötigen nur:

*
Demo2.js
按需加载一个Layui模块
*/
//……
//你的各种JS代码什么的
//……
//下面是在一个事件回调里去加载一个Layui模块
button.addEventListener('click', function(){
layui.use('laytpl', function(laytpl){ //温馨提示:多次调用use并不会重复加载laytpl.js,Layui内部有做模块cache处理。
var html = laytpl('').render({});
console.log(html);
});
});
Nach dem Login kopieren

Module namespace

All of Layui Das Modul ist unter das Layui-Objekt gebunden und wird intern durch die Methodelayui.define() vervollständigt. Jedes Modul hat einen eindeutigen Namen und kann nicht belegt werden. Sie müssen sich also keine Sorgen machen, dass der Speicherplatz des Moduls verschmutzt wird. Wenn Sie beim Aufrufen eines Moduls nicht „layui.mod“ löschen, müssen Sie auch die Zuweisung des „layui“-Objekts verwenden. Zum Beispiel:

layui.use(['layer', 'laypage', 'laydate'], function(){
var layer = layui.layer //获得layer模块
,laypage = layui.laypage //获得laypage模块
,laydate = layui.laydate; //获得laydate模块
//使用模块
});
Nach dem Login kopieren

Weitere Informationen zu Laui finden Sie in der Spalte Tutorial zur Verwendung von Laui.

Das obige ist der detaillierte Inhalt vonNutzungsspezifikationen für das Layui-Modul (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage