ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前端权限,js权限校验,vue里面单个多个权限设置

2022-05-12 14:33:49  阅读:201  来源: 互联网

标签:权限 常量 校验 js vue export 101 permissions


新建一个Js文件

const permissions = {    //声明一个只读的常量,不能修改 (似数据库名)
    resources:{          //常量里面的字段名, (似数据库表名)
        企业 : "101",    //字段 (似表内字段)
        个人 : "102",
        管理 : "103",
    },
    operations:{
        浏览 : "00",
        维护 : "01",
    },
    hasPermission:(resourceCode, opCode) =>{  //自定义方法 使用这个方法校验权限
        return sessionStorage.getItem('permission').indexOf(resourceCode+opCode) > -1; 
              //sessionStorage.getItem查到这个常量,indexOf 校验我们输入的数字在常量里面,未找到等于-1
    },
  };
  Object.freeze(permissions); //冻结整个数组或者常量,不让他们有任何可操作性,等于半死,所以冻结能优化加速
  export default permissions;  //创建开放的默认单个模块、数组、字段、常量,所有人能访问 类似public
Object.freeze      //冻结整个数组或者常量,冻结能优化加速
export                //构造导出多个 ,开放的都能访问的其实跟接口差不多
export default;  //构造导出单个,开放的都能访问的其实跟接口差不多

 

在Vue里面的使用方法

<div 

  class="center'
  v-if"this.$permissions.hasPermission(this.$permissions.resources.企业,this.$permissions.operations.浏览)"
>
</div>

this.$permissions.hasPermission()//上面的方法
this.$permissions.resources.企业 =101 //会转换成它的值101

标签:权限,常量,校验,js,vue,export,101,permissions
来源: https://www.cnblogs.com/liaote/p/16262332.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有