【前端 VUE】vue 角色权限使用 hasPermission

main.js设置全局变量Vue.prototype.$hasPer=hasPermission;设置权限函数exportfunctionhasPermission(perm){letpermissionBtns=store.getters.btnPermissions?JSON.parse(store.getters.btnPermissions):[]letbtnName=permission

悟空_大师兄_

6415人浏览 · 2020-08-12 14:25:42

悟空_大师兄_ · 2020-08-12 14:25:42 发布

main.js 设置全局变量

Vue.prototype.$hasPer = hasPermission;

设置权限函数

export function hasPermission(perm) {

  let permissionBtns =  store.getters.btnPermissions ? JSON.parse(store.getters.btnPermissions) : []

  let btnName = permissionBtns.map(res => {

    return res.name

  })

  return btnName.indexOf(perm) > -1

}

页面使用传入判断的字段 order 检测权限显示或影藏

<div v-if="$hasPer('order')"></div>

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