vue.js - 将整个对象分配给 Vuetify v-select v-model

Question

我有如下 vuetify 选择组件:

<v-select
      class="ml-4"
      v-model="selectedProjects"
      :items="projects"
      item-text="name"
      item-value="id"
      chips
      :menu-props="{ maxHeight: '400' }"
      label="Select Projects"
      multiple
      hint="Select projects to overlay"
      persistent-hint
></v-select>

“项目”是一个对象数组，因此我可以在 item-name 和 item-value 字段中引用名称和 ID。目前 selectedProjects 只是一个 id 数组，但我希望它是包含在 projects 中的实际选定对象的数组。我该怎么做？

Answer 1

您应该能够通过设置 return-object 属性来获取选定的对象，Vuetify docs如此描述:

Changes the selection behavior to return the object directly ratherthan the value specified with item-value