如何偵測v-select（vue-select）上的清除按鈕點擊事件

Question

我在v-select中建立一個下拉式選單，在點擊清除按鈕時選擇一個選項後，我需要清除下拉式選單並將選項陣列更改為初始階段。如何檢查清除按鈕（x）是否被單擊，我嘗試使用on-change用於獲取所選值，它工作正常，而@click等都不起作用，請幫助我。 <template><v-selectv-model="selected":reduce="(option

P粉311464935 · Answer

由於我們還沒有任何明確的事件，因此我們可以透過觀察v-model值來實現此要求。

watch: {
    selected(value) {
        if (!value) {
            // Your logic here
        }
    }
}

根據要求進行現場演示：

Vue.component("v-select", VueSelect.VueSelect);

new Vue({
  el: "#app",
  data: {
    selected: 3
  },
  watch: {
    selected(value) {
      if (!value) {
        this.selected = 3;
      }
    }
  }
});