vue-table-2的自定义搜索框

<template>
  <div>
    <input type="text" v-model="searchText" placeholder="输入搜索关键字">
    <vue-table-2 :data="tableData" :columns="tableColumns"></vue-table-2>
  </div>
</template>

<script>
import VueTable2 from 'vue-table-2';

export default {
  components: {
    VueTable2,
  },
  data() {
    return {
      searchText: '',
      tableData: [], // 表格数据
      tableColumns: [], // 表格列定义
    };
  },
};
</script>

<script>
export default {
  data() {
    return {
      searchText: '',
      tableData: [
        // 表格数据
      ],
      tableColumns: [
        {
          title: '姓名',
          key: 'name',
          filterable: true, // 启用过滤器
          filter-method: this.customFilter, // 指定过滤器方法
        },
        // 其他列定义
      ],
    };
  },
  methods: {
    customFilter(value, row) {
      // 自定义过滤器方法，根据搜索关键字过滤表格数据
      return row.name.toLowerCase().indexOf(value.toLowerCase()) !== -1;
    },
  },
};
</script>