Как пофиксить проблему с v-on:change во vuetify?

Question

[Максим Тарабрин]

Друзья, хочу повесить v-on:change на select input, чтобы после изменения забирать данные из v-model.
Но когда я его вешаю, то данные приходят старые. Выбираю из списка 1ый элемент, а мне возвращается пустой массив. Выбираю 2торой элемент, а мне уже массив с 1ым элементом. Как это исправить? В шаблоне используется vuetify.

Из шаблона компонента:

<v-select
            label="Тэги"
            :items="tags"
            v-model="filters.tags"
            item-text="path"
            multiple chips
            autocomplete
          >
            <template slot="selection" slot-scope="data">
              <v-chip
                close small
                @input="data.parent.selectItem(data.item)"
                :color="colorize(data.item.path)"
                :selected="data.selected"
                class="chip--select-multi"
                :key="data.item.path"
              >{{ data.item.path }}</v-chip>
            </template>
          </v-select>

Comments

[0xD34F]

данные приходят старые

Чё-то я вам не очень верю. Вам бы это, ну, доказать свои слова как-нибудь. Не помешает, да. Воспроизведите свою проблему в песочнице.

[irvdev]

Что то не вижу куда вы подключили обработчик change и где вы его обрабатываете

В любом случае на v-select вешаете @change="method"
Ну и в скрипте этот метод описываете. должно работать

[Максим Тарабрин]

irvdev, я вешал и через v-on:change="doIt" и @change="doIt" но оно работает неверно. Мне не нужно в функции получать сразу значение выбранного элемента. У меня есть форма без кнопки submit. И я хочу при изменение каждого input/select/radio элемента чтобы у меня происходил event и я обращался к data.filters, где лежат данные фильтра.

Answer 1

[nurbakhyt]

В документации Vuetify описано по адресу https://vuetifyjs.com/ru/components/selects последний абзац.

В https://codesandbox.io можешь запустить код, посмотрим, обсудим