0

是否可以在用户键入时以某种方式更新 Vuetifyv-combobox 项目？我想根据用户开始输入的内容更改可用项目的列表，以创建带有来自地理位置 API 的建议的地址输入。这就是我尝试过的：@update:search-input='fetchAddresses' 在 fetchAddresses 中：this.items = newListOfItems

然而，虽然@update:search-input按预期触发，组合框列表只会在失去焦点后更新。我可以以某种方式触发它进行更新吗？（这很可能是一个 X/Y 问题，因此欢迎提供有关其他方法的任何提示）

我当前的，丑陋的，hack 是强制整个组合框组件使用当前值集重新渲染，然后重新关注它。（组合框上有一个 activateMenu() 方法，我可以使用它来确保重新打开列表：


this.$nextTick(() => {
  if (this.$refs.addressCombobox) {
    this.$refs.addressCombobox.focus()
    this.$refs.addressCombobox.activateMenu()
  }
})

我正在使用 Vue 2。

4

1 回答 1

-1

在我的情况下no-filter解决了这个问题

<v-combobox no-filter ... >
于 2021-09-01T13:03:34.690 回答