element plus表格模糊查询

要在 Element Plus 表格中实现模糊查询，你可以使用 `filter-method` 属性来自定义过滤方法。具体实现步骤如下：

1. 在表格的列定义中，为需要进行模糊查询的列添加一个自定义的过滤方法：

<el-table-column prop="name" label="姓名">
  <template slot-scope="{ row }">{{ row.name }}</template>
  <el-input v-model="filter.name" size="mini" placeholder="请输入姓名" @input="handleFilter"></el-input>
</el-table-column>

在这里，我们为名字列定义了一个自定义的过滤方法 `handleFilter`。同时，我们为该列添加了一个 `el-input` 组件，用于接收用户的输入。

2. 在表格的 `data` 选项中，增加一个 `filter` 属性来保存用户的查询条件：

data() {
  return {
    filter: {
      name: '', // 用户输入的名字
    },
    // ...
  }
},

在这里，我们为表格的过滤条件增加了一个 `name` 属性，用于保存用户输入的名字。

3. 在组件的 `methods` 中，添加 `handleFilter` 方法来处理用户的查询请求：

methods: {
  // 处理表格的过滤请求
  handleFilter() {
    // 过滤方法
    const filterMethod = (value, row, column) => {
      return row.name.toLowerCase().indexOf(value.toLowerCase()) !== -1;
    };
    // 应用过滤方法
    this.$refs.table.filter(filterMethod);
  },
  // ...
}

在这里，我们定义了一个过滤方法 `filterMethod`，用于判断某一行的名字是否包含了用户输入的名字。如果包含了，则返回 `true`；否则返回 `false`。然后，我们通过调用表格的 `filter` 方法来应用过滤方法。

实现以上步骤后，当用户在名字列的输入框中输入任何一个字符时，表格会根据用户输入的名字进行模糊查询，并将符合条件的行显示在表格中。