vuetify 中是否有 v-autocomplete "no data filtred" 回调？

Question

当 vuetify.js 过滤器的 v-autocomplete 显示“无可用数据”时，有什么方法可以捕获事件吗？我在这里找不到这个活动 https://vuetifyjs.com/en/api/v-autocomplete/#events 可能有一些解决方法吗？我可以得到过滤结果并在 NULL 上检查它吗？

Answer 1

您可以使用 @update:search-input 事件，该事件在用户输入 v-autocomplete 时发出。然后你可以传递一个简单的函数来搜索列表中的单词：

<v-autocomplete
    v-model="values"
    :items="items"
    outlined
    dense
    chips
    small-chips
    label="Outlined"
    multiple
    @update:search-input="handleChange"
></v-autocomplete>

handleChange方法：

methods: {
    handleChange(searchWord) {
      if (this.items.filter(value => value.startsWith(searchWord)).length === 0) {
        // vuetify shows 'no data available'
        console.log("no data available")
      }
    }
}

我找不到任何方法来获取 vuetify 中的过滤列表。所以这不是最好的方法，因为你应该自己编写过滤器函数。此外，您还可以访问此 codepen，其中包含所有代码。

vuetify 中是否有 v-autocomplete "no data filtred" 回调？

Is there v-autocomplete "no data filtred" callback in vuetify?

javascript

vue.js

v-autocomplete