使用layui组件的小问题1.0,

今天使用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模块,所以记住不能忘记加载。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值