该博客介绍了如何在基于vue-element-admin的项目中实现用户权限控制，通过在SidebarItem组件添加`v-permission`指令，并在router配置中为每个路由设置`meta.permission`属性。用户登录时，后端返回permissionList，根据列表动态过滤用户可访问的页面，实现不同用户角色的差异化浏览体验。
vue项目路由权限
在vue项目中实现不同的用户有不同的权限，可以浏览的页面也不同
由于公司的项目是基于vue-element-admin的项目 二次封装的 ，与vue-element-admin其实上也是差不多的
- 首先，找到项目的src->layout->components->Sidebar->SidebarItem
在页面上加上
`v-permission="`${item.meta && item.meta.permission}`" `
如图：
2. 到router里面，给每个页面添加
meta: {
permission: '权限名称',
},
例如：
- 跟后端沟通，让后端在用户登录时，返回permissionList的数组，里面包含用户所能看到的具有权限的页面，如图：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
