1.首页根据权限显示栏目：-----

标签：class   显示   form   nsf   route   position   没有   const   二级菜单   

1.首页根据权限显示栏目：-----

用 数组的 filter 方法，根据用户是否是管理员和该用户的权限列表内的权限，控制他可以看到的 menu栏目
**（filter方法的参数是一个 function ，返回值是一个过滤后的新数组，参数function 有一个形参，这个形参是数组的每
一项 ---->>>>>>大概意思就是 拿到数组的每一项用这个方法function去过滤判断，然后满足条件的 return true,将其放进
新的数组 )

2.菜单内的每一项 （图标，icon，路由）
systemSetting: {
name: ‘系统设置‘,
icon: ‘system‘,
routeName: ‘‘, // ---->>> 没有子路由（二级菜单）的直接显示对应组件的路由名称，通过this.$router.push
({name: ‘路由名称’}跳转)
pms: pmsConstant.SYSTEM_SETTING,
children: [ // ---->>> 有二级菜单的 不显示一级路由的名称了，设置自路由
{
name: ‘职位管理‘,
routeName: ‘positionManagment‘,
pms: pmsConstant.SYSTEM_POST_SET
},
]
}

// :class="arrowClick: index === number && menu.children.length > 0 " // ---->>>> 当点击的菜单有二级菜单时候
，显示arrowClick 类名，该类名（transform:rotate(90deg)）使用css3属性 完成，箭头指向的

1.首页根据权限显示栏目：-----

标签：class   显示   form   nsf   route   position   没有   const   二级菜单   

原文地址：https://www.cnblogs.com/tao0929/p/11918082.html