title: How to clear v-autocomplete (multiple) search input after selecting the checkbox in the drop-down list?
body: <p>I have multiple v-autocomplete component from Vuetify. Currently, for example if enter in search input "Cali" and check "California" value, "Cali" value still exist in search input. I need to clear entered value. For current, search value cleared when closing dropdown list, but I need clear it when I select checkbox.</p>
  
  <pre><code>&lt;v-autocomplete
          v-model="select"
          :loading="loading"
          :items="items"
          :search-input.sync="search"
          cache-items
          class="mx-3"
          flat
          hide-no-data
          hide-details
          label="What state are you from?"
          solo-inverted
          multiple
        &gt;&lt;/v-autocomplete&gt;
  </code></pre>
  
  <pre><code>new Vue({
    el: '#app',
    data () {
      return {
        loading: false,
        items: [],
        search: null,
        select: null,
        states: [
          'Alabama',
          'Alaska',
          'American Samoa',
          'Arizona',
          'Arkansas',
          'California',
          'Colorado',
          'Connecticut',
          'Delaware',
          'District of Columbia',
          'Federated States of Micronesia',
          'Florida',
          'Georgia',
          'Guam',
          'Hawaii',
          'Idaho',
          'Illinois',
          'Indiana',
          'Iowa',
          'Kansas',
          'Kentucky',
          'Louisiana',
          'Maine',
          'Marshall Islands',
          'Maryland',
          'Massachusetts',
          'Michigan',
          'Minnesota',
          'Mississippi',
          'Missouri',
          'Montana',
          'Nebraska',
          'Nevada',
          'New Hampshire',
          'New Jersey',
          'New Mexico',
          'New York',
          'North Carolina',
          'North Dakota',
          'Northern Mariana Islands',
          'Ohio',
          'Oklahoma',
          'Oregon',
          'Palau',
          'Pennsylvania',
          'Puerto Rico',
          'Rhode Island',
          'South Carolina',
          'South Dakota',
          'Tennessee',
          'Texas',
          'Utah',
          'Vermont',
          'Virgin Island',
          'Virginia',
          'Washington',
          'West Virginia',
          'Wisconsin',
          'Wyoming'
        ]
      }
    },
    watch: {
      search (val) {
  
        val &amp;&amp; val !== this.select &amp;&amp; this.querySelections(val)
      }
    },
    methods: {
      querySelections (v) {
  
        this.loading = true
        // Simulated ajax query
        setTimeout(() =&gt; {
          this.items = this.states.filter(e =&gt; {
            return (e || '').toLowerCase().indexOf((v || '').toLowerCase()) &gt; -1
          })
          this.loading = false
        }, 500)
      }
    }
  })
  </code></pre>
  
  <p>I want to clear value in search input after selecting value in dropdown list.
  Here is codepen example - <a href="https://codepen.io/anon/pen/ZZMKeL" rel="noreferrer">https://codepen.io/anon/pen/ZZMKeL</a></p>