title: vuetify v-select options from json array of objects
body: <p>I am trying to populate a vuetify v-select from a rest api json response.  Below is the code I have so far.  Populating the list using a simple array is no problem but I am having difficutly setting both the value and text properties.</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-container fluid&gt;
      &lt;v-slide-y-transition mode="out-in"&gt;
         &lt;v-layout column align-center&gt;
          &lt;v-select v-model="dbSelect" v-on:change="dbConnect()"  :items="dbOptions" single-line&gt;&lt;/v-select&gt;
         &lt;/v-layout&gt;
      &lt;/v-slide-y-transition&gt;
    &lt;/v-container&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import axios from 'axios'
  
  export default {
    name: 'HelloWorld',
    data () {
      return {
        dbSelect: '',
        dbOptions: [],
      }
    },
    mounted () {
      axios.get('http://localhost:5000/api/values')
        .then(r =&gt; {
          // var formatted = []
          for (let i = 0; i &lt; r.data.length; i++) {
            this.dbOptions.push(r.data[i])
            // formatted[i] = { value: r.data[i].id, text: r.data[i].name }
          }
        },
        error =&gt; {
          console.error(error)
        }
        )
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>This is the simple Json dataset:</p>
  
  <pre><code>[{"id":1,"name":"A"},{"id":2,"name":"B"},{"id":3,"name":"C"},{"id":4,"name":"D"},{"id":5,"name":"E"}]
  </code></pre>
  
  <p>Currently I am pushing in the whole object because I have been trying to use item-value and item-text but according to documentation I can see that is not right.  r.data[i].id and r.data[i].name produce a drop-down list as expected.  I want to set dbSelect to the value of the selection on change for a secondary call after selection.</p>
  
  <p>Many thanks all for your help.</p>