要修改下拉项目（选项），请使用项目槽：

<template #item="{ item: { text, value } }">
  <span v-text="text + ' - ' + value" />
</template>

若要修改项目在选定时（在输入区域内）的外观，请使用选择窗：

<template #selection="{ item: { text, value } }">
  <v-chip> {{ text }} - {{ value }} </v-chip>
</template>

上面的两个插槽都是随机的例子。请随意替换它们的标记（HTML）以适合您的项目。
以single select为例。
以multiple select为例。

利用插槽你可以做到-

<v-autocomplete
   :items="products"
   label="Select"
   item-text="text"
   item-value="value"
 >
  <!-- If you want to modify the selected data -->
   <template v-slot:selection="data">
     {{ data.item.text }} {{ data.item.value }}
   </template>

   <!-- If you want to modify the list options -->
   <template v-slot:item="data">
     {{ data.item.text }} {{ data.item.value }}
   </template>
</v-autocomplete>

<v-autocomplete
    v-model="prod"
    v-if="products.text"
    :items="products.value"
    outline
    chips
    label="Select product"
    item-text="text"
    item-value="id"
     >
        <template v-slot:item="data">
        <template v-if="typeof data.item !== 'object'">
        <v-list-item-content v-text="data.item"></v-list-item-content>
      </template>
       <template v-else>
       <v-list-item-content>
  <v-list-item-title class="text-green bank" v-html="data.item.text"></v-list-item-title>
         <v-spacer></v-spacer>
     <v-list-item-subtitle class="value" v-html="data.item.value"></v-list-item-subtitle>
      </v-list-item-content>
         </template>
            </template>

这对我很有帮助，利用老虎机.