v-autocomplete 在 vuetify 中全选并清除

在我的应用程序中,我想实现“按值过滤”,如 excel 或电子表格。但我无法在 v-autocomplete 中实现“全选”和“清除”按钮。

<v-col>
     <span @click="selectAll">Select all</span><span> - </span> <span @click="clearAll">Clear</span>
        <v-autocomplete
          v-model="filterItems"
          :items="filterItemsList"
          dense
          outlined
          multiple
          append-icon="search"
        ></v-autocomplete>
</v-col>

<script>
    selectAll() {
      .....??
    },
</script>

当我单击“全选”时,所有项目都将被选中,当我单击“清除”时,所有项目都将被取消选中。任何人,请帮助我。提前致谢。

stack overflow v-autocomplete with select all and clear in vuetify
原文答案

答案:

作者头像
selectAll() {
  this.filterItems = filterItemsList;
},

clearAll() {
  this.filterItems = [];
}

作者头像

You can use clearable option.

check this page: https://vuetifyjs.com/en/api/v-autocomplete/