vue按钮级权限

这里前端获得的权限是用户自定义的

1.  首先在utils下创建一个btnPermission.js文件

const btnPermission = data => {
  const permissions = JSON.parse(localStorage.getItem('permissions'))
  const isHave = permissions.includes(data) || localStorage.getItem('role') === 'super_admin'
  return isHave
}
export default btnPermission

2.  然后在main.js引入

import btnPermission from '@/utils/btnPermission.js'

Vue.prototype.$has = btnPermission

3.  最后在按钮里面配合v-if使用

<el-button v-if="$has('权限id或可以定义权限的唯一值')">删除</el-button>

这样，该删除按钮就会根据权限显示了