VUE 动态菜单权限控制方法总结

独立登录，使用 newrouter 根据登录返回的权限值配置路由使用vuex 进行状态管理，在登录页以及main.js分别通过dispatch方法设置vuex的状态，以及addrouter方法添加路由。使用vue中的mixin等全局方法，通过设置v-if 控制路由权限，哪些可以显示，那些不能显示，这种方法通常有一个问题，用户直接输入URL访问页面，将不会被拦截，需要通过beforeR...

G郭G

7224人浏览 · 2018-10-31 08:54:44

G郭G · 2018-10-31 08:54:44 发布

独立登录，使用 newrouter 根据登录返回的权限值配置路由
使用vuex 进行状态管理，在登录页以及main.js分别通过dispatch方法设置vuex的状态，以及addrouter方法添加路由。
使用vue中的mixin等全局方法，通过设置v-if 控制路由权限，哪些可以显示，那些不能显示，这种方法通常有一个问题，用户直接输入URL访问页面，将不会被拦截，需要通过beforeRouter钩子配合使用。

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}$/, //不连续的两位字母// /^