Я пытаюсь сделать опцию «Выбрать все», используя 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-модели.
Есть ли какое-то решение для этого?