vue.js中动态路由addRoutes失效

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

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

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

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

相关推荐
麦麦大数据18 分钟前
D017 vue+django+neo4j音乐知识图谱推荐可视化分析系统|带管理员角色+爬虫
vue.js·数据分析·django·知识图谱·neo4j·推荐算法
前端伪大叔21 分钟前
第13篇:🎯 如何精准控制买入卖出价格?entry/exit\_pricing 实战配置
javascript·python
荒诞英雄21 分钟前
菠萝滞销,帮帮我们(多个APP实例间pinia混乱)
前端·架构
llq_35028 分钟前
pnpm / Yarn / npm 覆盖依赖用法对比
前端
麦当_31 分钟前
ReAct 模式在 Neovate 中的应用
前端·javascript·架构
折七32 分钟前
告别传统开发痛点:AI 驱动的现代化企业级模板 Clhoria
前端·后端·node.js
程序00732 分钟前
纯html实现商品首页
前端
coderlin_32 分钟前
BI磁吸布局 (2) 基于react-grid-layout扩展的布局方式
前端·react.js·前端框架
Ankkaya35 分钟前
vue3 实现自定义模板表单打印
前端
itslife35 分钟前
vite源码 - 开始
前端·javascript