layui动态渲染菜左侧单栏及重载菜单

By | 2020年12月8日

layui是国内比较热门的后端开发的框架搭载插件,使用比较方便,今天就介绍一下layui如何动态加载左侧菜单栏。

如果从表面来看,直接替换demo ul内的内容结构就ok了,但会发现结构显示了,可是无法折叠菜单了。

解决方法:

<script>
//JavaScript代码区域
layui
.extend({menu: '/static/json/menu'})
.use(['element','jquery','tree','menu'], function(){
	var element = layui.element;
	var $ = layui.$;
	var menu  = layui.menu;
	$("#menuList").html(menu);  //加载动态数据,具体方法自行实现
	element.init();  //此处是解决方法,及初始化layui
});
</script>