如何获取点击输入自动完成的索引 vuetify

Question

抱歉post，但我很难找到如何在 vuetify 自动完成中检索被点击元素的索引，目标是更改匹配的对象的键之一单击的元素。

我有一个带有项目数组的简单自动完成功能，我在点击时调用了一个方法

    <v-autocomplete  
    :click="onInputClicked"
    :items="items">

我在他们的自动完成中使用了 vuetify 的 :click API，上面写着：

Events > click : Emitted when input is clicked

然后，我想要的是点击元素的索引，这样我就可以更改我状态下的属性，使点击的元素与索引 X

相匹配

     state.filters[index].isSelected = !state.filters[index].isSelected

我尝试过的：

很确定我遗漏了一些简单的东西...任何帮助将不胜感激！提前致谢

Answer 1

您可能在 v-autocomplete API 中混淆了 props 和 events。绑定的道具以 : 为前缀，就像您的代码片段中的 :items 一样，但要捕获事件，您应该以 @ 为前缀。因此，在您的情况下，请尝试将组件更改为：

<v-autocomplete  
    @click="onInputClicked"
    :items="items">

然后，您可以通过将其作为参数添加到 onInputClicked 来访问点击事件：

onInputClicked(myClickEvent) {
  console.log(myClickEvent)
}

How to get index of clicked input autocomplete vuetify