vuetify 只触发最少 3 个字符的数据表搜索事件

Question

我是 vuetify 的新手，并设法使用https://vuetifyjs.com/en/components/data-tables#examples 上的示例页面使搜索功能完美运行。

但是，我似乎找不到任何关于如何仅在用户输入至少 3 个字符时触发搜索事件的文档。任何人都可以指出我正确的方向吗？谢谢。

Answer 1

您可以使用这样的计算属性绑定替换搜索

computed: {
  searchTrigger () {
    if (this.search.length >= 3) {
       return this.search
    }
  }
}

然后用该计算属性替换搜索。

<v-data-table
  :headers="headers"
  :items="desserts"
  :search="searchTrigger"
>