分页在vue-good-table中不能与搜索一起使用

data() {
  return {
    tableData: [], // 表格数据
    perPage: 10, // 每页显示的数据条数
    currentPage: 1, // 当前页码
    filter: '', // 搜索关键字
    columns: [ // 表格列配置
      { label: '姓名', field: 'name' },
      { label: '年龄', field: 'age' },
      { label: '性别', field: 'gender' }
    ]
  };
},

<vue-good-table
  :rows="tableData"
  :columns="columns"
  :pagination-options="{ enabled: true, perPage: perPage }"
  :search-options="{ enabled: true, placeholder: '搜索' }"
  :pagination.sync="currentPage"
  :search.sync="filter"
></vue-good-table>

methods: {
  fetchData() {
    // 根据当前页码和搜索关键字获取数据
    // 可以使用axios等工具发送请求，获取数据并更新tableData
  },
  onPageChange(page) {
    this.currentPage = page;
    this.fetchData();
  },
  onSearch() {
    this.currentPage = 1;
    this.fetchData();
  }
},