首页 > 其他分享 >我们如何在 vue 应用我们的权限

我们如何在 vue 应用我们的权限

时间:2022-11-12 21:47:06浏览次数:50  
标签:vue 规则 用户 标识 按钮 权限 我们 路由

权限可以分为用户权限和按钮权限;

用户权限,让不同的用户拥有不同的路由映射 ,具体实现方法:

  1. 初始化路由实例的时候,只把静态路由规则注入 ,不要注入动态路由规则 ;

  2. 用户登录的时候,根据返回的权限标识确定用户的动态路由规则 ;

  3. 最后使用 addRoutes 添加动态路由规则到router 实例中 ;

按钮权限:

  1. 首先,给按钮定义一个唯一标识

  2. 用户返回按钮标识数组 ;

  3. 在 button 中使用 disabled 判断用户的权限数组是否包含按钮的唯一标识 ;

标签:vue,规则,用户,标识,按钮,权限,我们,路由
From: https://www.cnblogs.com/zhulongxu/p/16884721.html

相关文章

  • Vue生命周期及组件
    目录Vue生命周期钩子钩子函数的由来生命周期钩子函数生命周期图示Vue生命周期钩子钩子函数的由来每个Vue实例在被创建时都要经过一系列的初始化过程——例如,需要......
  • vue3.2 setup语法糖,多个API解释
    前言在vue3中删除了vue2中的data函数,因此,vue3.0要在template中使用某些变量就必须在最后return出来,多次声明变量,不太方便,也不太友好。而在vue3.2版本之后,我们只需在......
  • 12-使用Vue与axios改造jquery原页面
    改造List页面1引入文件<!--1引入vuejsaxios文件--><scripttype="text/javascript"src="js/vue.js"></script><scripttype="text/javascript"src="js/axios.j......
  • 11-SpringBoot2整合Vue最简入门
    vuejs入门环境搭建》1:导入文件<scripttype="text/javascript"src="js/vue.js"></script><scripttype="text/javascript"src="js/axios.js"></script>》2:准备app视......
  • 如何使用vite搭建vue3项目详解
    目录一:npm构建二:更改http://localhost:3000/到8080与Network路由访问三:配置vite别名(npminstall@types/node--save-dev)四:路由(npminstallvue-router@4)五:vuex(n......
  • vue 翻页组件vue-flip-page
    方法change(改变页面)tap(点击)turning(正在翻页)prev(前一页)next(后一页)翻到指定页面:handleSwitchManual(index){if(index===this.currentIndex)......
  • Vue中JSX的基本用法
    基本用法首先需要约定一下,使用JSX组件命名采用首字母大写的驼峰命名方式,样式可以少的可以直接基于vue-styled-components写在同一个文件中,复杂的建议放在单独的_Styles.js_......
  • SpringBoot+Vue实现excel导入带格式化的时间参数(moment格式化明天日期并设置el-date-
    场景若依管理系统前后端分离版基于ElementUI和SpringBoot怎样实现Excel导入和导出:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108278834在上面进行Ex......
  • 使用vue 搭建猫眼后台演员列表
    首先创建一个DirectorList.vue js部分 ......
  • Vue项目实现用户长时间不操作,自动退出登录
    Vue项目实现用户长时间不操作,自动退出登录1.实现思路使用mouseover事件来监测是否有用户操作页面,然后写一个定时器间隔特定时间检测是否长时间未操作页面,如果是清除tok......