vue.js：vue-multiselect，选中后清除输入值

Question

我正在使用laravel/vue.js中的项目工作，并决定使用简单的vue-multiselect从我的数据库中选择类别。事情是我想清除输入字段的值（在列表中查找项目）。

我多选组件：

<multiselect 
    v-model="value" 
    placeholder="Find the category" 
    label="category_name" 
    :options="categories" 
    @input="addReceiversFromCategory"> 
</multiselect> 

我尝试清除的V模型，但它只能在工作第一页面加载后选择（还有它不是一个聪明的办法..）。 我最后一件事是:clear-on-select="true"，但它的工作onlu当多个是真实的（我不想是真实的）。 我认为它简单的事情，但我没有在文档中找到任何方式doc

Answer 1

如果您v-model只是造型选择的值，那么你需要使用该值，但是你想和复位value为null。我真的不知道你的组件是如何设置的，但它看起来像这样：

<template> 
    <select v-model="value" v-on:change="doSomething()"> 
    <option :value="null">-- Select --</option> 
    <option value="foo">Foo</option> 
    <option value="bar">Bar</option> 
    </select> 
</template> 

<script> 
    module.exports = { 
    data: function(){ 
     return { 
     value: null 
     }; 
    }, 
    methods: { 
     doSomething: function() { 
     if(this.value) { 
      var data = this.value; // now you can work with data 
      this.value = null; // reset the select to null 
     } 
     } 
    } 
    } 
</script>