Vuetify自动完成链接

Question

我想知道如何在Vuetify自动完成中将链接附加到项目。我想这样做，以使其充当搜索栏。截至目前，我可以将链接附加到v-list-item，但是该链接不会覆盖容器的整个宽度。它似乎只是在文本周围而不是整个项目周围形成一个链接。我试图包装整个组件，但这似乎也不起作用。我也尝试过查看文档（https://vuetifyjs.com/en/components/autocompletes/），但在该处建立项目链接似乎也找不到任何东西。感谢您的任何事先帮助。

nodeWords *nodeHash //nodeHash = pointer to nodeWords object
someFunction(*nodeHash) //passing nodeWords object
someFunction(nodeHash) //passing pointer

Answer 1

仅由于默认情况下这些物品槽的包装元素已<v-list-item/>，所以该物品槽应为<v-list/>。

<v-autocomplete
...
>

  <template v-slot:item="{ item }">
    <v-list-item link :to="'users/' + item.id">{{item.username}}</v-list-item>
  </template>

</v-autocomplete>

这里是demo。