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); //添加到路由

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值