Vuetify3 自动完成内部图标不聚焦

Question

从 Vuetify 3.5.10 及更高版本开始，重点是append-inner。

我想修复此问题，以便内部图标没有焦点，但 tabindex 设置为 0。

有什么办法可以把它改成-1吗？

<i
  class="v-icon notranslate v-theme--dark v-icon--size-default v-icon--clickable v-autocomplete__menu-icon"
  role="button"
  aria-hidden="false"
  tabindex="0"
  aria-label="Open"
  title="Open"
  ><svg
    class="v-icon__svg"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    role="img"
    aria-hidden="true"
  >
    <path d="M7,10L12,15L17,10H7Z"></path></svg
></i>

道具设置发生变化但重点突出。

Answer 1

您可以在安装组件时运行它

document.getElementsByClassName('v-autocomplete__menu-icon')[0].tabIndex = -1