avue-crud属性配置项参数

AVUE是一个基于Vue的快速开发框架，AVUE-CRUD是AVUE中的数据表格组件，用于展示和操作数据。AVUE-CRUD的属性配置项非常多，以下是一些常用的配置项参数：

1. option: 数据表格的选项配置，包括分页、排序、高亮、多选等。
2. type: 组件类型，通常为'crud'。
3. searchShow: 是否显示搜索框。
4. searchLabelWidth: 搜索框标签的宽度。
5. searchSize: 搜索输入框的尺寸。
6. tableOption: 表格选项，如是否显示边框、是否固定列等。
7. column: 列定义，包括列的字段名、标题、宽度、是否隐藏、是否排序等。
8. addBtn: 是否显示新增按钮。
9. editBtn: 是否显示编辑按钮。
10. delBtn: 是否显示删除按钮。
11. viewBtn: 是否显示查看按钮。
12. dialogType: 弹出框类型，如新增或编辑。
13. dialogWidth: 弹出框的宽度。
14. dialogFormRules: 表单验证规则。
15. dialogFormVisible: 是否显示弹出框。

以下是一个简单的AVUE-CRUD组件配置示例：

<template>
  <avue-crud :option="option"
             :data="data"
             @size-change="handleSizeChange"
             @current-change="handleCurrentChange">
  </avue-crud>
</template>
 
<script>
export default {
  data() {
    return {
      option: {
        searchShow: true,
        searchSize: 'small',
        border: true,
        index: true,
        selection: true,
        viewBtn: true,
        column: [
          {
            label: '用户名',
            prop: 'username'
          },
          {
            label: '邮箱',
            prop: 'email'
          },
          // 其他列配置...
        ]
      },
      data: [
        // 数据列表
      ]
    };
  },
  methods: {
    handleSizeChange(val) {
      // 分页大小改变时触发
    },
    handleCurrentChange(val) {
      // 当前页改变时触发
    }
  }
};
</script>

在这个示例中，我们定义了一个基本的AVUE-CRUD组件，包括显示搜索框、边框、索引列、多选框和两个列配置项。你可以根据自己的需求配置更多选项。