title: Vue.js/Vuetify - Autocomplete issue when pre-loading option in a v-select
body: <p>I'm setting the selected option of a v-select using v-model, so when I open the screen it already comes with the result. That's working fine until I set autocomplete property in v-select tag. When I do that the option is chosen but the select doesn't show it.
  Is there any issue with the autocomplete feature or it's the standard behavior for the component? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>Vue.use(Vuetify);
  
  var app = new Vue({
    el: '#app',
    data() {
      return {
      selected: 2,
          country: [{
            text: 'USA',
            value: 1
          }, {
            text: 'Canada',
            value: 2
          }, {
            text: 'England',
            value: 3
          }, {
            text: 'France',
            value: 4
          }]
        }
      }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://unpkg.com/vue@2.4.1/dist/vue.js"&gt;&lt;/script&gt;
  &lt;link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" /&gt;
  &lt;script src="https://unpkg.com/vuetify/dist/vuetify.min.js"&gt;&lt;/script&gt;
  &lt;link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css"&gt;
  &lt;div id="app"&gt;
    &lt;v-app&gt;
      &lt;v-card class="grey lighten-4 elevation-0"&gt;
        &lt;v-card-text&gt;
          &lt;v-container fluid&gt;
            &lt;v-layout row wrap&gt;
              &lt;v-flex xs4&gt;
                &lt;v-flex&gt;
                  &lt;v-subheader&gt;Origin Country&lt;/v-subheader&gt;
                &lt;/v-flex&gt;
                &lt;v-flex&gt;
                  &lt;v-select
                    :items="country"
                    v-model="selected"
                    label="Select"
                    class="input-group--focused"
                    single-line
                    bottom
                    autocomplete&gt;
                  &lt;/v-select&gt;
                &lt;/v-flex&gt;
              &lt;/v-flex&gt;
              &lt;v-flex&gt;
                Selected: {{ selected }}
              &lt;/v-flex&gt;
            &lt;/v-layout&gt;
          &lt;/v-container&gt;
        &lt;/v-card-text&gt;
      &lt;/v-card&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here it is jsfiddle link: <a href="https://jsfiddle.net/vcmiranda/huj9L4bq/" rel="nofollow noreferrer">https://jsfiddle.net/vcmiranda/huj9L4bq/</a>
  Thanks.</p>