Permissões do botão de função Vue

Determine se a função da pessoa tem essa permissão de função

Adicionar julgamento v-if no botão de função necessário, condição de julgamento: se a chave desta permissão está incluída

A chave que a pessoa tem permissão para salvar no Vuex

Primeiro, encapsular um método utils/isPoints.js

import store from '@/store'
export const isPoints = (pointsKey) => {
  // 用includes()方法来查找用户权限中是否包含此按钮的权限 返回布尔值
  return store.getters.points.includes(pointsKey)
}

referenciar este método

import { isPoints } from '@/utils/isPoints.js'

Adicionar isPoints aos métodos

methods：{
  isPoints
}

Junte-se diretamente onde for necessário

<el-button v-if="isPoints('此处为权限的Key')" >新增员工</el-button>

Se a demanda não for grande, pode ser usado diretamente sem embalagem

<el-button 
  v-if="$store.getters.points.includes('此处为权限的Key')" 
  >新增员工
</el-button>