Maison > Article > interface Web > Spécifications d'utilisation du module Layui (avec code)
Préchargé
Allons droit au but, il vaut mieux simplement l'utiliser. Le chargement du module de Layui utilise la méthode principale layui.use(mods, callback) Lorsque votre JS a besoin d'utiliser le module Layui, nous vous recommandons d'utiliser le préchargement, car cela peut éviter d'avoir à écrire layui.use partout. Vous devez le définir comme ceci dans la couche la plus externe :
/* 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); } }) });
Chargement à la demande (non recommandé)
Si vous souffrez d'un trouble obsessionnel-compulsif, vous avez des exigences extrêmes pour les performances du site Web, vous ne souhaitez pas précharger les modules requis, mais charger les modules lorsqu'une action est déclenchée, alors cela est autorisé. Vous n'avez pas besoin d'envelopper un gros layui.use dans la couche la plus externe de votre JS, vous avez seulement besoin de :
* 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); }); });
Espace de noms du module
Tous les Layui Le module est lié sous l'objet layui et est complété en interne par la méthode layui.define(). Chaque module a un nom unique et ne peut pas être occupé. Vous n'avez donc pas à vous soucier de la pollution de l'espace du module, à moins que vous ne supprimiez layui.mod lors de l'appel d'un module, vous devez également utiliser l'affectation de l'objet layui ; Par exemple :
layui.use(['layer', 'laypage', 'laydate'], function(){ var layer = layui.layer //获得layer模块 ,laypage = layui.laypage //获得laypage模块 ,laydate = layui.laydate; //获得laydate模块 //使用模块 });
Pour plus de connaissances sur Layui, veuillez faire attention à la colonne Tutoriel d'utilisation de Layui.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!