el-table 表单头部插入搜索框(vue2)

在Vue 2中，你可以使用el-table的append-header插槽来插入一个搜索框。下面是一个简单的例子：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
    <template slot="append" style="text-align: center;">
      <el-input v-model="search" size="mini" placeholder="搜索"></el-input>
    </template>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // ... 填充你的数据
      ],
      search: ''
    };
  },
  watch: {
    search(val) {
      // 实现搜索逻辑
    }
  }
};
</script>

在这个例子中，我们使用了el-table的append插槽来插入一个搜索框。你可以通过v-model绑定一个search变量来获取搜索框的值，并且可以在watch中监听这个变量的变化来实现你的搜索逻辑。