Блог

Я пытаюсь создать список, созданный вручную, с помощью ввода фильтра.

Мой список составлен с помощью v-list из vuetify, как показано ниже :

 v-list class="scrolly">
      <v-list-item-group v-model="selected" multiple>
        <v-list-item
          v-for="item in items"
          :key="item.label"
          :value="item"
          class="px-1 list-item"
        >
 

кроме того, для обновления моего списка у меня есть 2 способа привязки к хранилищу :

 selected: {
      // 2 ways bindings with store state
      get() {
        return this.$store.state.filters.selectedFilters
      },
      set(value) {
        this.$store.dispatch('filters/updateFilters', value)
      },
 

Мой массив состоит из объектов, подобных этому примеру codepen: эта ссылка

Я взял этот codepen из примера vuetify этот пример и элемент списка активны, но это всего лишь строка в массиве!

В моем другом примере это объекты…

Моя проблема проста: мой список не «обновляется», а элементы не активны, поскольку модель является массивом объекта…

Может кто-нибудь сказать мне, как установить v-model для массива objet?

Большое спасибо заранее!