avue-crud permission用法

Ave-crud是一个Vue.js的权限管理插件，它结合了CRUD（Create, Read, Update, Delete）操作和权限控制。在使用`avue-crud permission`时，你需要按照以下步骤配置：

1. 安装插件：首先，在项目中安装`@vue-avue/permission`。在`package.json`中添加依赖，或者在Vue CLI项目中使用`npm install @vue-avue/permission --save`或`yarn add @vue-avue/permission`。

2. 配置权限组件：在你的Vue实例中注册Permission组件，并设置默认的权限规则，例如全局的管理员角色：

import Vue from 'vue';
import Permission from '@vue-avue/permission';

Vue.use(Permission, {
  permissions: ['admin'] // 设置只有拥有admin角色的用户才能访问CRUD功能
});

3. 在`avue-crud`组件上启用权限：在使用`<crud>`标签时，加上`:permission="requireRole('admin')"`，这样只有拥有'admin'角色的用户才能看到和操作数据：

<crud :model="items" :columns="columns" :permission="requireRole('admin')">
  <!-- ...表单和操作列配置... -->
</crud>

4. 判断用户角色：在`requireRole`方法中，你可以定义自定义的逻辑来判断用户是否具有指定的角色。例如，检查用户是否在存储的用户信息中拥有指定的角色：

methods: {
  requireRole(role) {
    return this.$auth.user.roles.includes(role);
  }
}