vue.js中动态路由addRoutes失效

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

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

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

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

相关推荐
一杯甜梦去冰全糖9 分钟前
CSS-Flex和Grid的区别
前端·css
ybq1951334543110 分钟前
javaEE-9.HTML入门
前端·java-ee·html
哟哟耶耶12 分钟前
css-根据不同后端返回值返回渲染不同的div样式以及公共组件设定
开发语言·前端·css
还是鼠鼠32 分钟前
详细介绍:使用 Axios 上传图片文件
开发语言·前端·javascript·vscode·ajax·前端框架·bootstrap
还是鼠鼠33 分钟前
使用 Axios ——个人信息修改
前端·javascript·css·vscode·ajax·前端框架·html5
傻小胖1 小时前
ES6 const 使用总结
前端·javascript·es6
Mengke1 小时前
以数字开头的 ID 在 querySelector 中的处理
前端·javascript·css
陪你去流浪_1 小时前
Vue WebSocket简单应用 ws
前端·vue.js·websocket
kidding7232 小时前
Vue3使用Echarts组件步骤
前端·vue.js·echarts
不叫猫先生2 小时前
【React】合成事件语法
前端·javascript·react.js·前端框架