菜单模板为tpl目录下的menu.html，菜单的模板分为两块，一个是头部的，一个是左则的，但所有的操作参数都需在头部菜单的script上的data-params参数 ~~~html <script id="menu-tpl" type="text/html" data-params='{"url":"/php/menu.json","listid":"menu","icon":"true"}'> {{# layui.each(d.list, function(index, item){ }} <li class="layui-nav-item {{# if(index==0){ }}layui-this{{# } }}"> <a href="javascript:;" data-title="{{item.name}}"><i class="iconfont">{{item.iconfont}}</i><span>{{item.name}}</span></a> </li> {{# }); }} </script> ~~~ 参数 | 参数 | 默认值 | 说明 | | -------- | -------- | --------------- | | method | get | ajax类型 | | dataType | json | 服务器返回数据类型 | | data | | 请求的参数 | | url | | 请求数据的服务端地址URL | | tplid | menu-tpl | 模板的ID | | listid | menu | 视图ID | | icon | false | 是否启用icon图标 | |isFresh | false | 点击左边菜单栏切换菜单时是否刷新页面| ~~~html data-params='{"url":"/php/menu.json","listid":"menu","icon":"true"，"isFresh":"true"}' ~~~ 以上代码为请求php/menu.json文件，使用icon图标，点击左右菜单是刷新页面，渲染到ID为menu的元素上 如果返回的菜单json格式不对或是字段的名称不同，请自行更改菜单模板里的字段名称