Javascript 在vuetify自动完成中添加带标签的v图标

我正在使用v-autocomplete，并尝试在标签上添加一个v图标。有没有一种方法可以让图标带有标签。这就是我试图实现的方式

<v-autocomplete
 :items="availabilities"
 @change="selections({availability_id: availability.id})"
 v-model="availability"
 attach
 return-object
 label="Availabilities" + <v-icon color="primary">info</v-icon>
 item-text='name'
>
</v-autocomplete>

但这不起作用。请帮助我实现这一点。

尝试使用类似的方法：

可用性信息

我知道你想要标签后面的图标，我不确定你是否能让它适用于所有浏览器，在Chrome中测试接受的答案似乎效果很好，但在Firefox中它显示省略号而不是图标

查看

v-autocomplete

的API时。我可能错了，但至少你能做的是，在标签前设置图标，如果你可以接受的话。似乎在Firefox和Chrome中都能正常工作（还没有测试过其他浏览器）

---

尝试过，似乎不起作用。。。它有效，你想把图标放在哪里？对我有效thankyou@BoussadjraBrahim好啊显然，它在Chrome上工作，在Firefox上它只是显示了椭圆，至少对我来说是这样。
<v-autocomplete
 :items="availabilities"
 @change="selections({availability_id: availability.id})"
 v-model="availability"
 attach
 return-object

 item-text='name'
>
  <template #label>
       <span>Availabilities <v-icon color="primary">info</v-icon></span>
  </template>
</v-autocomplete>

<v-autocomplete
  :items="availabilities"
  @change="selections({availability_id: availability.id})"
  v-model="availability"
  attach
  return-object
  label="Availabilities"
  prepend-icon="info" <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< HERE
  item-text='name'
>