vuetify.js - 使用 vuetify 自动完成选择后清除搜索框

Question

我正在尝试使用 vuetify autocomplete组件，但我不知道如何在选择项目后清除搜索框。我尝试使用输入事件来清除 v-model 中绑定(bind)的模型，虽然它在我第一次选择项目时确实有效，但之后搜索框不会被清除。

//App.Vue
<v-autocomplete
      // Other stuff
      v-model="model"
      :search-input.sync="searchInput"
      v-on:input="addClass">
    </v-autocomplete>\

// methods
addClass (a) { 
  this.model = ""
}

Answer 1

为此，您需要设置 searchInput变量为 change 上的空字符串事件。你的代码看起来像这样，

// App.Vue
<v-autocomplete
      // Other stuff
      v-model="model"
      :search-input.sync="searchInput"
      @change="searchInput=''"
></v-autocomplete>