Search code examples
vue.jsv-select

Get data from v-select field

I'm getting stuck on getting the data from my v-select input. Within console.log whenever I type it's just repeating an empty string with no data being sent.

Input

  <v-select name="user" v-model="selectedUser"  @select="testingMethod" @input="changeUser" label="user" :options="videos">
  </v-select>

Data

  data() {
    return {
      selectedUser:'',
    }

Method

 methods: {

    changeUser: function() {
      console.log(this.selectedUser)
    }
}
Solution

  • @input event is triggered when you select an item not when you type, you could use @search event :

      <v-select name="user" v-model="selectedUser"  @select="testingMethod" @search="changeUser" label="user" :options="videos">
  </v-select>