vue+element-ui的动态路由实现
实现动态路由首先,需要和后端的小伙伴把传值的格式确定好,比如我的格式就是
然后就把后端传过来的值,存入到vuex和session Storage中。
为什么要存在session Storage中呢?
因为刷新页面时vuex中存储的信息会失效,我们在 登录时获取的用户和路由信息,所以就要在刷新页面后从session Storage把路由信息取出
注意,因为传过来的值是数组的形式,存入session Storage前要进行转换,转换成对象。取出的时候同样要转,例如:
存入
window.sessionStorage.setItem("isRouter",JSON.stringify(data.permissionList))
取出
//路由
isRouter:(window.sessionStorage.getItem('isRouter')) ? JSON.parse(window.sessionStorage.getItem('isRouter')) : [],
接下来