vue.js中动态路由addRoutes失效

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

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

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

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

相关推荐
CCF_NOI.1 小时前
谷歌浏览器深入用法全解析:解锁高效网络之旅
大数据·运维·服务器·前端·计算机·谷歌
paopaokaka_luck4 小时前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
患得患失9495 小时前
【前端】【vscode】【.vscode/settings.json】为单个项目配置自动格式化和开发环境
前端·vscode·json
飛_5 小时前
解决VSCode无法加载Json架构问题
java·服务器·前端
YGY Webgis糕手之路7 小时前
OpenLayers 综合案例-轨迹回放
前端·经验分享·笔记·vue·web
90后的晨仔7 小时前
🚨XSS 攻击全解:什么是跨站脚本攻击?前端如何防御?
前端·vue.js
Ares-Wang7 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
90后的晨仔8 小时前
Vue 模板语法完全指南:从插值表达式到动态指令,彻底搞懂 Vue 模板语言
前端·vue.js
德育处主任8 小时前
p5.js 正方形square的基础用法
前端·数据可视化·canvas