Javascript 当我在数组或对象（vuex）中传递数据时，列表项停止按预期运行

我有一个列表，我用一个v型模型链接到商店。如果仅使用

：value=“item.name”

发送数据，选择和取消选择功能将正常工作

但是，在数组或对象中发送名称和id

：value“[item.name，item.id]

会破坏此预期行为

以下是如何呈现列表项：

    <v-list max-height="275px" class="mx-auto" dense subheader shaped flat>
      <v-list-item-group v-model="itemSelected" color="primary">
        <v-list-item
          
          v-for="item in filteredList"
          :key="item.uuid"
          :value="item.name"
        >
          <v-list-item-title> {{ item.name }} </v-list-item-title>
        </v-list-item>
      </v-list-item-group>
    </v-list>

    <v-list max-height="275px" class="mx-auto" dense subheader shaped flat>
      <v-list-item-group v-model="itemSelected" color="primary">
        <v-list-item
          
          v-for="item in filteredList"
          :key="item.uuid"
          :value="{ name: item.name, id: item.uuid }"
        >
          <v-list-item-title> {{ item.name }} </v-list-item-title>
        </v-list-item>
      </v-list-item-group>
    </v-list>

    itemSelected: {
      get() {
        return this.$store.getters.getItemSelected;
      },
      set(value) {
        return this.$store.commit("setItemSelected", {
          ItemSelected: value.name,
          ItemUuid: value.id,
        });
      },
    },