Je crée un menu déroulant dans v-select et après avoir sélectionné une option lorsque vous cliquez sur le bouton Effacer, je dois effacer le menu déroulant et modifier le tableau d'options à l'étape initiale.

Comment vérifier si le bouton Effacer (x) est cliqué, j'ai essayé d'utiliser on-change 用于获取所选值，它工作正常，而 @click etc et aucun d'entre eux ne fonctionne, aidez-moi s'il vous plaît.

<template>
  <v-select
    v-model="selected"
    :reduce="(option) => option.id"
    :options="[
      { label: 'One', id: 1 },
      { label: 'Two', id: 2 },
    ]"
    @onChange="searchProduct"
    
  />
</template>

<script>
export default {
  data() {
    return {
      selected: 3,
    }
  },
 methods(){
  searchProduct(selected){
  console.log('selected value ',selected)
}

}
</script>

J'attends avec impatience un moyen de gérer les événements d'effacement des listes déroulantes.