Как получить выбранные данные из v-select?

Question

[Richard Millie]

У меня есть такой массив:

my_arr: [
        {
            name: "Adam",
            surname: "Brown",
        },
        {
            name: "Bruce",
            surname: "Lee",
        },
        {
            name: "Erl",
            surname: "Black",
        },]

Использую его в своём v-select, там отображаются только name

<v-select
                v-if="my_arr"
                class='multi_drop'
                :items="my_arr"
                item-text="name"
                item-value="surname"
                label="Select"
                multiple
              ></v-select>

Как мне обратиться к объекту который был выбран в меню? Как дальше работать с выбранными данными? Т.е. если был выбран Adam как получить в готовом массиве Adam Brown?

Comments

[Игорь]

v-model разве не решает эту проблему?

Answer 1

[Игорь]

v-model решит вашу проблему.

<v-col cols="12" sm="6">
          <v-select
            v-model="model"
            :items="states"
            label="Select"
            multiple
            chips
            hint="What are the target regions"
            persistent-hint
          ></v-select>
        </v-col>

...
data () {
    return {
      model: [],
    }
  }
...

Comments

[Richard Millie]

У меня data выглядит так data: () => ({...})
и когда я пишу туда return, выдаёт ошибку. Может return для стрелочных функций как-то по другому выглядит?

[Игорь]

Richard Millie, Стрелочная функция не нужна

[Richard Millie]

Игорь, к сожалению не могу записать в этом проекте data по другому. Если знаете как передать return в стрелочную функцию, буду очень благодарен!
Если пишу так, выдаёт ошибку

data: () => ({
            return: {
                model: [],
            }
})

[Miki06]

Richard Millie, data() => {...}

[Игорь]

Richard Millie,

Объясните, что вас вынуждает использовать стрелочную функцию?

Коллега, записывайте вот так.

data() {
      return {
        form: {
          firstName: '',
          email: '',
          message: ''
        }
      }
    },

Answer 2

[Miki06]

Свойство return-object

Comments

[Игорь]

Это не совсем то что нужно, но из той же оперы.
Этот аргумент говорит компоненту, чтобы он возвращал объект при выборе элемента.

Выбранные элементы связываются через свойство v-model

[Miki06]

Игорь, Я знаю но из за item-value v-model запишет только surname, тогда как автору по видимому нужен весь объект