如何动态的添加路由?

vue-router对象中的addRouters,可以用来动态添加路由配置

格式

// 使用router,需要导入router对象
router.addRoutes([路由配置对象])
// 或者:
this.$router.addRoutes([路由配置对象])

示例

// 按钮
<button @click="hAddRoute">addRoute</button>

// 回调
hAddRoute() {
	this.$router.addRoutes([{
		path: '/abc',
		component: () => import('@/views/abc'),
		}])
},

什么时候设置呢

登陆以后获取权限信息之后来设置