I am trying to incorporate a "Filter by values" feature in my application similar to Excel or spreadsheets. However, I am facing difficulty with implementing the 'Select all' and 'Clear' button in 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>
My goal is to have all items checked when clicking 'Select all' and for all items to be unchecked upon clicking 'Clear'. Any assistance would be greatly appreciated. Thank you in advance.