vue3添加子路由

vue3添加子路由,第1张

参考资料: https://www.w3cways.com/2404.html

Vue Router中router.addRoute添加路由的用法

新版Vue Router中用router.addRoute来替代原有的router.addRoutes来动态添加路由、子路由

在添加子路由的时候

比如原现有路由

想要在index下动态添加子路由test,特别要注意添加的子路由的path一定要把父路由的路径也带上

addRoutes的使用场景:

一般多用于后台管理页面动态路由跟静态路由,静态路由默认展示的都能看到的页面,动态路由一般需要一些访问权限。当管理员给员工分配角色(这里使用RBAC)角色对应的权限,路由name跟服务器权限名称一致,通addRoutes添加到路由后面。 员工显示的页面就是管理员分配的权限

这里的404路由必须加到最后 否则刷新时 会直接跳到404页面

在此之前添加路由只需要把后端返回的结构树放到 addRouters中就可以 router4更新后 废除了addRouters 新增addRoute 下面介绍一下addRoute的用法


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11823685.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存