@vueform/multiselect Vue.js 3 - 选择后清除输入

Question

我正在使用多选 v2.1.6 和 vue.js 3。

<multiselect
   v-model="value"
   :options="getSkillList"
   :searchable="true"
   @select="addSkill"
   @search-change="updates"
   ></multiselect>

我正在尝试弄清楚如何在选择某些内容后清除输入。有什么想法吗？

Answer 1

我找到了答案：

     <multiselect
        v-model="value"
        :options="getSkillList"
        :searchable="true"
        @select="addSkill"
        @search-change="updates"
        ref="multiselect"
      ></multiselect>

添加 ref="multiselect"

然后在任何你想重置输入的地方都可以添加：

this.$refs.multiselect.clear();