avue-crud表格自动搜索

avue-crud是一个基于Vue.js的表格组件，它提供了一种简单的方式来创建和管理数据表格，并且支持自动搜索功能。

在avue-crud中，你可以通过配置来实现自动搜索。首先，在表格组件中设置`search`属性为`true`，表示开启搜索功能。然后，你可以通过设置`searchConfig`属性来配置搜索相关的选项，例如搜索字段、搜索类型等。

下面是一个示例代码，展示了如何在avue-crud中实现自动搜索：

<template>
  <avue-crud
    :search="true"
    :searchConfig="searchConfig"
    :tableData="tableData"
  ></avue-crud>
</template>

<script>
export default {
  data() {
    return {
      searchConfig: {
        fields: ['name', 'age'], // 搜索字段
        type: 'input' // 搜索类型，这里使用输入框搜索
      },
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ]
    };
  }
};
</script>

在上面的代码中，我们设置了`search`属性为`true`，表示开启搜索功能。然后，通过`searchConfig`属性配置了搜索字段为`name`和`age`，搜索类型为输入框。最后，将数据传递给`tableData`属性，用于显示表格数据。

当你在输入框中输入关键字时，avue-crud会自动根据配置的搜索字段进行匹配，并显示匹配的结果。