el-table 搜索

<template>
  <div>
    <el-input v-model="searchQuery" placeholder="请输入关键词"></el-input>
    <el-table :data="filteredData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <!-- 其他列 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchQuery: '',
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 24 },
        // 更多数据
      ],
    };
  },
  computed: {
    filteredData() {
      if (!this.searchQuery) {
        return this.tableData;
      }
      return this.tableData.filter(item =>
        Object.values(item).some(value =>
          String(value).toLowerCase().includes(this.searchQuery.toLowerCase())
        )
      );
    },
  },
};
</script>