layui模块入门
天才绝不应鄙视勤奋。—— 小普林尼
今天写了写layui自定义模块
layui.define(['layer'], (exports) => { // 需确保您的 layui.js 是引入的构建后的版本（即官网下载或 git 平台的发行版）
//直接可得到各种内置模块
var layer = layui.layer
//…
layer.msg('Hello World');
exports('ruben', {}); //注意，这里是模块输出的核心，模块名必须和 use 时的模块名一致
});然后引用自己写的自定义模块
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
</head>
<div id="div1"></div>
<body>
<script type="text/javascript" src="layui/layui.js"></script>
<script src="js/ruben.js" type="text/javascript"></script>
<script type="text/javascript">
layui.use(() => {
var ruben = layui.ruben;
console.log(ruben)
})
</script>
</body>
</html>运行
image-20211218183549317
控制台也输出了我们导出的空对象
image-20211218183635259
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2021-12-18，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读