javascript - 将焦点移到组合框字段，而不是VuetifyJS中的芯片

如果您使用键盘的Tab键in this VuetifyJS/VueJS example，则该芯片将首先聚焦，仅在第二个选项卡之后才显示组合框文本字段。
 如何将焦点放在组合框文本字段而不是芯片上？

<v-flex xs12 sm6 md3>
      <v-text-field label="Regular" autofocus></v-text-field>
    </v-flex>

    <v-flex xs12>
      <v-combobox v-model="select" :items="items" chips label="I use a scoped slot">
        <template slot="selection" slot-scope="data">
          <v-chip
            :selected="data.selected"
            :disabled="data.disabled"
            :key="JSON.stringify(data.item)"
            class="v-chip--select-multi "
            @input="data.parent.selectItem(data.item)"
          >
            <v-avatar class="accent white--text">
              {{ data.item.slice(0, 1).toUpperCase() }}
            </v-avatar>
            {{ data.item }}
          </v-chip>
        </template>
      </v-combobox>
    </v-flex>

最佳答案

使用tabindex属性指定元素的制表符顺序。
跟随将使输入聚焦在芯片之前。

<v-combobox tabindex="1">
<v-chip tabindex="2">

为了防止元素聚焦，可以将tabindex设置为-1。
请注意，默认值为0。

关于javascript - 将焦点移到组合框字段，而不是VuetifyJS中的芯片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52246842/