vue.js中动态路由addRoutes失效

在排除addRoutes版本问题的情况下。。。

如果在网上找的了一个开源后台管理系统,然后在某一个页面中执行这个方法,那么大概率的无效的。因为我们知道Vue是单页面应用,后台的一个具体页面在渲染的时候,实际上已经对整个页面的侧边栏,顶部导航栏进行了渲染,而具体的页面是最后执行的,所以我们在路由表中的页面中执行addRoutes当然是无效的。路由表的处理逻辑早在后台侧边栏等功能渲染的时候已经处理完成。具体页面只是一个子组件,不会对父组件造成影响。

所以我们想要实现addRoutes方法,应该在导航栏等功能组件里面去执行addRoutes方法,而不是在一个具体的页面中去实现~,这样就可以保证在路由表逻辑处理完成之前进行路由表的操作。

例如要实现权限管理,那么在拿到用户权限之后,跳转后台时,我们在渲染左侧菜单栏的组件中去执行路由处理的方法,这样在左侧菜单栏渲染完成之后同时完成对路由表的处理。而不是在具体页面完成时去实现路由表的处理。

相关推荐
光影少年3 分钟前
rn如何和原生进行通信,是单线程还是多线程,通信方式都有哪些
前端·react native·react.js·taro
好大哥呀23 分钟前
Java Web的学习路径
java·前端·学习
计算机毕设VX:Fegn089525 分钟前
计算机毕业设计|基于springboot + vue动物园管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
HashTang30 分钟前
【AI 编程实战】第 7 篇:登录流程设计 - 多场景、多步骤的优雅实现
前端·uni-app·ai编程
北辰alk32 分钟前
深入理解Vue数据流:单向与双向的哲学博弈
vue.js
cos1 小时前
Fork 主题如何更新?基于 Ink 构建主题更新 CLI 工具
前端·javascript·git
小满zs1 小时前
Next.js第二十一章(环境变量)
前端·next.js
C***11501 小时前
Spring aop 五种通知类型
java·前端·spring
北辰alk1 小时前
解决Vue打包后静态资源图片失效的终极指南
vue.js