How to trigger the filterMethod when QTable's filter is an Object?

[greenking19]

I have a Qtable that needs to display name and age, which I have defined in the Column. But I want to filter name and age and then request the server, but I found that when the value of fliter is object, the fliterMethod will not be triggered.
Did I do something wrong? 🫣
What I am currently thinking of is writing a Form on QTable. Is there any other solution?🤔
QTable

<q-table
  :rows="hospitalStore.hospitals"
  :columns="columns"
  ref="tableRef"
  row-key="id"
  @request="getRows"
  :filter="tableFilter"
  :filter-method="filterMethod"
>
  <template v-slot:top-left>
    <div class="row q-gutter-x-md">
      <q-input
        outlined
        dense
        debounce="300"
        v-model="tableFilter.age"
        placeholder="Age"
      />
      <q-input
        outlined
        dense
        debounce="300"
        v-model="tableFilter.name"
        placeholder="Name"
      />
    </div>
  </template>
</q-table>

Object filter

const tableFilter = ref({
  age: '',
  name: '',
})

fileterMethod

const filterMethod: QTableProps['filterMethod'] = (
  rows,
  filter,
): Hospital[] => {
  console.log(filter)
}