Vue3---路由权限动态管理:router.addRoute()

Vue2中,可以通过路由的 addRoutes() 和 addRoute()  两种方法实现路由权限动态渲染,但在Vue3中,摒弃了 addRoutes() 方法,只保留了 addRoute() 单个添加路由配置的方法。
Vue2中路由对象


 Vue3中路由对象


Vue3动态添加路由:在main.js中或者在登录回调中进行动态渲染路由。代码参考如下:
 

const about = {    //接口返回路由信息path: '/about',name: 'About',component: () => import('./views/About.vue')
};
router.addRoute(about); //添加到路由

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部