vue控制按钮权限

获取完用户权限后，把所有权限以数组的方式存入store中

 ["106", "10602", "perm:edit", "home:user:login", "perm:add", "perm:delete", "home:user:monthNew", "home:user:monthActive", "perm:list", "security:manage", "10601", "perm:role-oper:delete", "perm:role-oper:edit", "perm:role-oper:add", "perm:role-list", "107", "10701", "deviceBind:list", "10702", "device:add", "device:delete", "device:edit", "device:list", "102", "10201", "admininfo:delete", "admininfo:edit", "admininfo:add", "admininfo:list", "10202", "doctor:edit", "doctor:unBindUser:list", "doctor:delete", "doctor:bindUser:list", "doctor:add", "doctor:approve", "doctor:bindUser", "doctor:list", "10203", "hospital:oper:add", "hospital:oper:delete", "hospital:oper:edit", "hospital:physicalMeal:list", "hospital:list", "hospital:physicalMeal:edit", "108", "10801", "integral:rule:add", "integral:rule:edit", "integral:rule:delete", "integral:rule:list", "10802", "integral:record:edit", "integral:record:list", "103", "10301", "member:list", "member:delete", "member:detail", "member:add", "100", "10001", "user:detail", "user:health:detail", "user:edit", "user:delete:bindList", "user:health:edit", "user:bpList", "member:signingDetail", "user:delete", "user:add", "member:signing", "user:bindList", "user:list", "member:contract", "diet:list", "im:list", "question:list", "member:list", "104", "10401", "question:edit", "question:list", "10402", "order:edit", "order:list", "105", "10501", "physicalSubscribe:list", "10502", "physicalMeal:add", "physicalMeal:edit", "physicalMeal:delete", "physicalMeal:add", "physicalMeal:list", "10503", "physicalItem:delete", "physicalItem:edit", "physicalItem:add", "physicalItem:list"]
 // 权限数组

新建BtnPermission.js

// 引入store
import store from '@/store'
// 按钮权限设置
export function hasBtnPermission (permission) {
// buttons就是权限数组
  const myBtns = store.getters.buttons
  return myBtns.indexOf(permission) > -1
}

在mainjs中引入

import { BtnPermission } from './BtnPermission'
// 添加属性
Vue.prototype.has = BtnPermission
// Vue.prototype.$has = BtnPermission

使用方法

v-if="has('perm:edit')"
// v-if="$has('perm:edit')"