javascript - vuetify中是否有v-autocomplete“无数据过滤”回调？

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 中的过滤列表。所以这不是最好的方法，因为你应该自己编写过滤器函数。此外，您可以访问这个包含所有代码的代码笔。