🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
菜单模板为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格式不对或是字段的名称不同,请自行更改菜单模板里的字段名称