Vuetify.js 选择“自动完成vuetify”时如何获取对象？

我的代码如下：

<div id="app">
  <v-app id="inspire">
    <div>
      <v-autocomplete
        label="Clubs"
        :items="clubs"
        item-text="name"
        v-model="selectedClub"
      ></v-autocomplete>
    </div>
    <v-btn text color="primary" @click="submit">OK</v-btn>
  </v-app>
</div> 

好啊

演示是这样的：

如果调用了submit方法，它将显示所选的名称。例如：穆

您可以在console.log中看到

我希望如果调用submit方法，它将在数组中显示对象。所以我得到了身份证 姓名

---

如何操作？

您可以使用vuetify中的返回对象属性以对象形式获取所选值

比如说，您的选择框有值[{name:'name1'，id:1}，{name:'name2'，id:2}]

     <v-autocomplete
        label="Clubs"
        :items="clubs"
        item-text="name"
        v-model="selectedClub"
      ></v-autocomplete>

如果使用上述代码，则只能从“name”属性中获取值

如果使用上述代码，则从“id”属性获取值

如果使用上述代码，则会将选定值作为对象

在此处找到工作代码笔：

     <v-autocomplete
        label="Clubs"
        :items="clubs"
        item-text="name"
        item-value="id"
        v-model="selectedClub"
      ></v-autocomplete>

     <v-autocomplete
        label="Clubs"
        :items="clubs"
        item-text="name"
        item-value="id"
        return-object
        v-model="selectedClub"
      ></v-autocomplete>