今天使用layui搭建一个后台管理过程中,遇到了点小问题,很简单,但是想写下来,如果有一些初学的朋友要学可以看看。
1.使用预加载和layui.config配置全局的时候,方法和其他的差不多。
预加载:
<script>
var laypage;
var layer;
var form;
var element;
var laydate;
var basePath = '<%=basePath %>';
layui.use(['laypage','laydate', 'layer','form','element'], function(){
laypage = layui.laypage,
form = layui.form,
layer = layui.layer;
element = layui.element(),
laydate = layui.laydate;
});
</script>
2.全局配置--例如‘垂直面板’:
layui.config({
base: 'js所在路劲'
}).use(['element', 'layer', 'navbar', 'tab'], function() {
var element = layui.element(),
$ = layui.jquery,
layer = layui.layer,
navbar = layui.navbar(),
tab = layui.tab({
elem: '.admin-nav-card'
});
//设置navbar
navbar.set({
elem: '#admin-navbar-side',
data: navs
/*cached:true,
url: 'datas/nav.json'*/
});
//渲染navbar
navbar.render();
//监听点击事件
navbar.on('click(side)', function(data) {
tab.tabAdd(data.field);
});
});
可以根据自己的相应修改,在使用layui第三方js的时候,需要你项目中导入这些js文件,不能缺少;
layui很多组件依赖element模块,所以记住不能忘记加载。