# api 回文格式
在 @/mock/role.js 里配置了默认的路由模拟数据回文格式:
const menuList = [
{
id: 'doc',
name: 'doc',
title: '文档',
url: 'https://simon9124.github.io/iview-dynamicRouter-doc/',
path: '',
sort: 28,
parentId: 'root',
ico: 'ios-book',
isOutSide: true,
showLevel: '1',
},
]
# API
key | description | use | type | mark |
---|---|---|---|---|
id | 标识 | 子路由 parentId 根据父路由的 id 进行挂载 | String | 必填,不可重复 |
name | 名称 | 生成路由的 name | String | 必填,不可重复 |
title | 展示名 | 生成路由的 meta.title | String | 必填 |
url | url 地址 | 数据处理后,生成路由的 meta.href 或 path | String | 必填,不可重复 |
path | 前端组件地址 | 数据处理后,生成路由的 component | String | 必填 [1] |
sort | 路由排序 | 当前层级的路由/子路由排序 | Number | 必填 |
parentId | 父级 id | 子路由 parentId 根据父路由的 id 进行挂载 | String | 必填,根路由必须为 root |
ico | icon 图标 | 生成路由的 meta.icon,仅限 iview | String | 非必填,根路由不可为空 |
isOutSide | 是否外链 | 该路由是否为外链,可选值为 true false | Boolean | 必填 |
showLevel | 路由层级 | 更具路由层级*,渲染路由和左侧菜单 | String | 必填 [2] |
[1] 前端组件地址
此项较为关键,不同路由差异较大,详见示例
[2] 路由层级
详细的路由和菜单层级,可自行配置并修改相关代码