菜單模板為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格式不對或是字段的名稱不同，請自行更改菜單模板里的字段名稱