vue 根据权限显示不同页面解决方案
第一步:在登陆成功后获取权限列表, 获取的路由权限可以进行Session存储。并定义一个默认的路由。根据所拥有的权限添加进去所显示的路由。import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter);var RouterVer = function() {var RouterVers = []//jurisdic
·
第一步:在登陆成功后获取权限列表, 获取的路由权限可以进行Session存储。并定义一个默认的路由。根据所拥有的权限添加进去所显示的路由。
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter);
var RouterVer = function() {
var RouterVers = []
//jurisdiction权限列表是否存储
var jurisdiction = ****
if(jurisdiction ){//有权限页面
if(****===***){
RouterVers.push({path: '****',
component: () => import('****'),})
}
}else{ //没有权限列表默认页面
RouterVers = [{
path: '/index',
component: () => import('@/views/indexs'),
}]
return RouterVers
}
}
const router = new VueRouter({
mode: 'history',
base: '',
routes: RouterVer()
});
export default router
第二步在默认页面判断是否获取权限列表如果获取则刷新路由
<template>
<div class="login-container" style="background-color: #fff;">
</div>
</template>
<script>
export default {
data() {
return {}
},
mounted() {
//jurisdiction权限列表是否存储
var jurisdiction = ****
if (jurisdiction) {
this.$router.push({
path: '/index'
})
} else {
window.location.reload()
}
}
}
</script>
更多推荐
已为社区贡献4条内容
所有评论(0)