vue-router 3.x,菜单权限管理
router.onReady(() => {
// 菜单权限请求
axios.get('/menus').then(data => {
data.forEach(path => {
// routeChildren 所有路由打平成一维数组
let route = routeChildren.find(r => r.path === path)
router.addRoute('layout', route)
})
})
})
const loadMenu = []
router.beforeEach((to, from, next) => {
if (loadMenu.includes(to.path)) {
next()
} else {
// routeChildren 所有路由打平成一维数组
let route = routeChildren.find(r => r.path === to.path)
router.addRoute('layout', route)
loadMenu.push(route.path)
next({ ...to })
}
})
本文标题:vue-router 3.x,菜单权限管理
本文链接:https://www.haomeiwen.com/subject/sckvertx.html
网友评论