How to get selected data from v-select?

Question

JavaScript

I have an array like this:

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

I use it in my v-select, only name is displayed there

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

How do I access the object that was selected in the menu? How to work further with the selected data? Those. if Adam was selected how to get Adam Brown in the ready array?

Answer 1

v-model will solve your problem.

<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: [],
    }
  }
...

Answer 2

return-object property