:-: 侧边菜单 侧边菜单最多可支持到三级。无论你采用静态的菜单还是动态的，菜单的数据格式都必须是一段合法的 JSON，且必须符合以下规范： ~~~ { "code": 0 //状态码，key 名可以通过 config.js 去重新配置 ,"msg": "" //提示信息 ,"data": [{ //菜单数据，key名可以通过 config.js 去重新配置 "name": "component" //一级菜单名称（与视图的文件夹名称和路由路径对应） ,"title": "组件" //一级菜单标题 ,"icon": "layui-icon-component" //一级菜单图标样式 ,"jump": '' //自定义一级菜单路由地址，默认按照 name 解析。一旦设置，将优先按照 jump 设定的路由跳转 ,"list": [{ //二级菜单 "name": "grid" //二级菜单名称（与视图的文件夹名称和路由路径对应） ,"title": "栅格" //二级菜单标题 ,"jump": '' //自定义二级菜单路由地址 ,"list": [{ //三级菜单 "name": "list" //三级菜单名（与视图中最终的文件名和路由对应），如：component/grid/list ,"title": "等比例列表排列" //三级菜单标题 },{ "name": "mobile" ,"title": "按移动端排列" } }] } ~~~ > TIPS：实际运用时，切勿出现上述中的注释，否则将不是合法的 JSON ，会出现解析错误。 需要注意的是以下几点： 1. 当任意级菜单有子菜单，点击该菜单都只是收缩和展开操作，而并不会跳转，只有没有子菜单的菜单才被允许跳转。 2. 菜单的路由地址默认是按照菜单层级的 name 来设定的。 我们假设一级菜单的 name 是：`a`，二级菜单的是：`b`，三级菜单的 name 是 `c`，那么： * 三级菜单最终的路由地址就是：`/a/b/c` * 如果二级菜单没有三级菜单，那么二级菜单就是最终路由，地址就是：`/a/b/` * 如果一级菜单没有二级菜单，那么一级菜单就是最终路由，地址就是：`/a/` 3. 但如果你设置了 参数 *jump*，那么就会优先读取 jump 设定的路由地址，如：`"jump": "/user/set"`