问题
添加动态路由页面刷新之后空白,刷新后打印所有路由状态还在。
解决方法
在注册router的时候就将所有的动态路由添加进来。
这是最符合业务需求和业务逻辑的并且高效的方式。这里在代码的基础上说思路,不针对技术选型:
一般的动态路由流程三件套: 【获取后端数据】【封装格式化路由方法】【调用方法生成路由】
【获取后端数据】:这一步获取的是系统的菜单的数据1,作用有两【展示菜单目录】【生成动态路由】。获取成功之后存储在store里头,方便获取。将数据存到storage中。
state: {
menu: [],
}
mutations: {
SET_MENU: (state, params = {
}) => {
let {
menu, type } = params;
state.menu = menu;
// 设置Storage存储
setStore({
name: 'menu'