项目背景及需求  vue+vue-router+vuex 做权限管理

登录之后 我把用户信息存在vuex中 方法不赘述  因为我们只有两个角色 所以我存的 assRole  true or false; 简称 A B；A为false B为True

routes.js 里面 meta里面配置了 role 如下

{

    path: "/fund/details",

    name: "fund_details",

    component: resolve => require(["@/views/fund/details"], resolve),

    meta: {

        requireAuth: true,

        role: '1',

    },

},

我使用了beforeEach 钩子函数 来做路由拦截 

首先to.meta.role 获取角色 然后从vuex里面取我存的 角色信息 然后以为搞完收工  

隔了几天在页面调接口时发现 我每次刷新  B角色的页面会自动跳转到 根路径 这是为啥了 百思不得其解  然后把所有store.state  信息 log出来都是有的 但是我把判断条件打印 一直是true  很诡异 然后我又取 state里面具体的值 也都是 空的

所以在main.js 里面的 钩子函数中 其实是获取不到vuex的  我又重新再登录的时候存入了 localStorage  终于取到 

解决 

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue