Dynami c выпадающие - выберите все опции - PullRequest
0 голосов
/ 18 марта 2020

Я пытаюсь сделать опцию «Выбрать все», используя vuetify v-select, например:

<v-select
        :v-model="dropdowns.field_name"
        :loading="loadingInputs"
        :label="dropdowns.dropdown_name"
        :disabled="enableDropdowns"
        :ref="dropdowns.field_name"
        :items="getData[dropdowns.field_name]"
        :clearable="true"
        @click:clear="clearSelectedValue(dropdowns.field_name)"
        :item-text="dropdowns.field_name"
        :item-value="dropdowns.field_name"
        :item-key="dropdowns.field_name"
        @mousedown="changeFields(dropdowns.field_name)"
        @change="selectedValue(dropdowns.field_name, $event)"
        :multiple="dropdowns.multiple"
        :cache-items="dropdowns.cache_items"

        :rules="rules(dropdowns.required)"
        required
      >
       <template v-slot:prepend-item>
          <v-list-item
            ripple
            @click="selectAll(dropdowns.field_name, index)"
          >
            <v-list-item-action>
              <v-icon>{{ icon }}</v-icon>
            </v-list-item-action>
            <v-list-item-content>
              <v-list-item-title>Select All</v-list-item-title>
            </v-list-item-content>
          </v-list-item>
          <v-divider class="mt-1"></v-divider>
        </template>
      </v-select>

Когда я пытаюсь получить доступ к Dynami c v-model и установить все возможные значения из выпадающего списка это не работает.

Я пытаюсь сделать что-то вроде этого примера: https://codepen.io/anon/pen/PaYzgY?editors=1011, но с изменяемыми переменными для v-модели.

Есть ли какое-то решение для этого?

...