Vuetify v-autocomplete显示完整对象而非仅文本问题求助

• 修正item-value属性匹配字段
  你的people数组里对象的唯一标识字段是value，但组件里写的item-value="id"，这个字段不存在，导致组件无法正确提取选中值，只能显示整个对象。把item-value改成"value"：

<v-autocomplete
  v-model="friends"
  :disabled="isUpdating"
  :items="people"
  item-text="name"
  item-value="value" <!-- 此处修改 -->
  @change="changed"
  filled
  chips
  color="blue-grey lighten-2"
  label="Participants"
  multiple
>

• 确保v-model初始值正确
  因为开启了multiple多选模式，friends需要初始化为空数组，避免类型不匹配导致显示异常：

data() {
  return {
    friends: [], // 新增初始化
    people: [
      { name: "test1", value: 1 },
      { name: "test2", value: 2 },
    ]
  };
},

修改完成后，组件就能正确提取name作为显示文本，value作为选中值，不会再显示完整对象内容。

内容的提问来源于stack exchange，提问作者royallife