动态添加与删除路由

一、动态添加路由

主要用于做权限管理

用法:

// 动态添加一级路由
router.addRoute({
    path: 'xxx',
    component: () => import("xxx")
})
// 动态添加二级路由
router.addRoute("xxx(一级路由的name)", {
    path: 'xxx',
    component: () => import("xxx")
})

二、动态删除路由

删除路由方式一：添加一个name相同的路由

router.addRoute({
    path: '/about',
    name: 'about',
    component: () => import('xxx')
})
router.addRoute({
    path: '/other',
    name: 'about',
    component: () => import('xxx')
})

删除路由方式二：通过removeRoute方法，传入路由的name属性

router.removeRoute('about')

删除路由方式三：通过addRoute方法的放回值回调

const remove = router.addRoute({
    path: 'xxx',
    component: () => import('xxx')
})
remove()