您现在的位置:首页 >> 前端 >> 内容

使用layui组件的小问题1.0,

时间:2017/4/20 10:50:00 点击:

  核心提示:使用layui组件的小问题:今天使用layui搭建一个后台管理过程中,遇到了点小问题,很简单,但是想写下来,如果有一些初学的朋友要学可以看看。1.使用预加载和layui.config配置全局的时候,方...
使用layui组件的小问题:今天使用layui搭建一个后台管理过程中,遇到了点小问题,很简单,但是想写下来,如果有一些初学的朋友要学可以看看。

1.使用预加载和layui.config配置全局的时候,方法和其他的差不多。

预加载:

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

Tags:使用 用L LA AY 
作者:网络 来源:不详