用户登录权限—按钮权限设置（思路）

1、在src下创建mixins文件夹，创建一个按钮权限的js文件

import store from "@/store";
export default{
	data() {
		return {
			msg: '所有页面都有这个msg',
		};
	},
	methods:{
		//校验按钮权限
		checkPremission(str){
			//str是某个按钮的权限标识
			//判断str是否在当前用户的按钮权限标识数组中
			const userInfo=store.state.user.userInfo
			if(userInfo.roles&&userInfo.roles.points.length){
				//登录了，有按钮权限
				return userInfo.roles.points.includes(str)
			}else{
				return false
			}
		}
	}
}

2、在main.js中导入注册

//导入全局混入对象
import checkPermission from '@/mixins/checkPermission'
Vue.mixin(checkPermission)

3、在需要使用管理权限的按钮添加对应的方法

<el-button type="text"
                         size="small"
                         :disabled="!checkPremission('employees_edit')"
                         @click="$router.push(`/employees/detail/${ row.id}`)">查看</el-button>