共计 1353 个字符,预计需要花费 4 分钟才能阅读完成。
问题
一个数组如何过滤另一个数组中的值,如下图和代码
一个数组拥有全部数据
另一个数组只拥有部分数据
拥有全部数组数组要根据拥有部分数据的数组,过滤得到新的数组
代码
拥有全部数据的数组
let allRoutes = [
{
path: '/',
name: 'home',
component: () => import('@/views/Home.vue'),
children: [
{
path: '/role',
name: 'role',
meta: {tile: '角色'},
component: () => import('@/views/role/index.vue'),
redirect: '/role/list',
children: [
{
path: 'create',
name: 'roleCreate',
meta: {tile: '创建角色'},
component: () => import('@/views/role/create.vue')
},
{
path: 'list',
name: 'roleList',
meta: {tile: '角色列表'},
component: () => import('@/views/role/list.vue')
},
{
path: 'update',
name: 'roleUpdate',
meta: {tile: '修改角色'},
component: () => import('@/views/role/update.vue')
}
]
},
{
path: '/adminUser',
name: 'adminUser',
meta: {tile: '管理员'},
component: () => import('@/views/adminUser/index.vue'),
children: [
{
path: 'create',
name: 'adminUserCreate',
meta: {tile: '创建管理员'},
component: () => import('@/views/adminUser/create.vue')
},
{
path: 'list',
name: 'adminUserList',
meta: {tile: '管理员列表'},
component: () => import('@/views/adminUser/list.vue')
},
{
path: 'update',
name: 'adminUserUpdate',
meta: {tile: '修改管理员'},
component: () => import('@/views/adminUser/update.vue')
}
]
}
]
},
{
path: '*',
name: '404',
component: () => import('@/views/404.vue')
}
]
拥有部分数据的数组
相比全部数据的数组,没有了name: 'roleCreate',
let someRoutes = [
{
name: 'home',
children: [
{
name: 'role',
children: [{name: 'roleList'}, {name: 'roleUpdate'}]
},
{
name: 'adminUser',
children: [{ name: 'adminUserCreate'},
{name: 'adminUserList'},
{name: 'adminUserUpdate'}
]
}
]
}
]
正文完
2019-06-04