如何检测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;
      }
    }
  }
});