智玩网 智能科技

VUE动态路由权限设置

vue中 根据权限 动态设置路由

1. 操作src/router/index.js。在该⽂件内内置两组路由,⼀组是基本路由constantRoutes,⼀组是需要权限控制的路由asyncRoutes, 将来在权限控制的路由组内过滤出对应的路由表,在需要权限控制的路由内添加如下代表权限的代码 meta: { roles: ['教师'] }

2. 操作src/store/modules/user.js。在state中添加roles状态

3. 操作src/store/getters.js。在getters内添加如下代码,将user仓库的roles状态直接暴露到getters中,⽅便src/permission.js中使⽤

4. 操作src/permission.js。引⼊路由⽂件中的基础路由,等过滤出合适的路由后合并基础路由,设置为路由表。

版权说明:文章均为账号作者发布,不代表本网站观点与立场,如有侵权请联系我们删除

热门