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

新建一个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