用elementui写查询列表

好的，以下是一个简单的例子：

<template>
  <div>
    <el-input v-model="searchValue" placeholder="请输入关键字"></el-input>
    <el-button type="primary" @click="handleSearch">搜索</el-button>
    <el-table :data="tableData">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchValue: '',
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' }
      ]
    }
  },
  methods: {
    handleSearch() {
      // 根据关键字过滤数据
      const filteredData = this.tableData.filter(item => {
        return item.name.includes(this.searchValue)
      })
      // 更新表格数据
      this.$nextTick(() => {
        this.tableData = filteredData
      })
    }
  }
}
</script>

在上面的例子中，我们使用了`el-input`组件用于输入关键字，`el-button`组件用于触发搜索操作，以及`el-table`组件用于展示数据。当用户点击搜索按钮时，我们会根据输入的关键字过滤数据，并更新表格数据展示结果。当然，你可以根据自己的需求对搜索功能进行扩展。