title: Vuetify append item to select menu not selecting as normal item
body: <p>I have a simple select menu using Vuetify (Vue 2.0) seen in fiddle here:</p>
  
  <p><a href="https://jsfiddle.net/2ku5a6f4/" rel="nofollow noreferrer">https://jsfiddle.net/2ku5a6f4/</a></p>
  
  <p>The option is added, but the menu does not close and select like the other options and the menu stays open</p>
  
  <p>My reference is from the Vuetify docs: <a href="https://vuetifyjs.com/en/components/selects" rel="nofollow noreferrer">https://vuetifyjs.com/en/components/selects</a></p>
  
  <p>under 'prepend/append item slots</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="app"&gt;
      &lt;v-app dark&gt;
          &lt;v-select
            :items="items"
            clearable
            v-model='selectedItem'
            label="...will 'four' close menu?"
          &gt;
  
            &lt;template v-slot:append-item&gt;
              &lt;v-divider class="mb-2"&gt;&lt;/v-divider&gt;
              &lt;v-list-tile &gt;
                &lt;v-list-tile-content&gt;
                  four
                &lt;/v-list-tile-content&gt;
              &lt;/v-list-tile&gt;
            &lt;/template&gt;
  
          &lt;/v-select&gt;
  
      &lt;/v-app&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>var vm = new Vue({
      el: "#app",
  
      data: {
          items: ["one", "two", "three"],
          selectedItem: ''
      }
  });
  </code></pre>