avue-curd的搜索

Avue-Curd是一个基于Vue.js开发的轻量级CRUD组件库，它提供了一套简单易用的API，用于快速构建数据管理界面，包括增删改查等基本操作。其中的搜索功能允许开发者方便地对数据进行筛选，用户可以在前端表单或搜索栏输入关键字，Avue-Curd会实时查询后台数据并显示匹配的结果。

在Avue-Curd中，通常通过`@Form.filter`修饰符来添加搜索功能，这个修饰符用于监听表单的值变化，然后触发数据的过滤。你可以定义一个处理搜索逻辑的方法，接收用户输入的关键字作为参数，发送请求到服务器，获取满足条件的数据列表，并更新组件中的数据展示。

例如：

<template>
  <vue-curd :columns="columns" :data="list" @search="onSearch" />
</template>

<script>
import { Curd } from 'avue';
export default {
  components: {
    VueCurd: Curd,
  },
  data() {
    return {
      columns: [...],
      list: [...], // 初始数据
    };
  },
  methods: {
    onSearch(keyword) {
      this.$axios.get('/api/search', { params: { keyword } })
        .then(response => {
          this.list = response.data; // 更新数据
        });
    },
  },
};
</script>