vue.js - 从 v-select 字段获取数据

Question

我陷入了从 v-select 输入获取数据的困境。在 console.log 中，每当我键入时，它只是重复一个空字符串，没有发送任何数据。

输入

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

数据

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

方法

 methods: {

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

Answer 1

@input 事件在您选择某个项目时触发，而不是在您键入时触发，您可以使用 @search 事件:

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