title: How to use different value in list and menu in vuetify v-select?
body: <p>How can I change <a href="https://vuetifyjs.com/en/components/selects#customized-item-text-and-value" rel="nofollow noreferrer">this</a> example so that in the menu I will get things like "Florida, FL" but in the actual v-select I get "FL" only.</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>new Vue({
    el: '#app',
    vuetify: new Vuetify(),
    data () {
      return {
        select: [{ state: 'Florida', abbr: 'FL' }],
        items: [
          { state: 'Florida', abbr: 'FL' },
          { state: 'Georgia', abbr: 'GA' },
          { state: 'Nebraska', abbr: 'NE' },
          { state: 'California', abbr: 'CA' },
          { state: 'New York', abbr: 'NY' },
        ],
      }
    },
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" rel="stylesheet"/&gt;
  &lt;link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"&gt;&lt;/script&gt;
  &lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
      &lt;v-container fluid&gt;
        &lt;v-row align="center"&gt;
          &lt;v-col cols="6"&gt;
            &lt;v-subheader&gt;Custom items&lt;/v-subheader&gt;
          &lt;/v-col&gt;
    
          &lt;v-col cols="6"&gt;
            &lt;v-select
              v-model="select"
              :items="items"
              item-text="state"
              item-value="abbr"
              label="Select"
              persistent-hint
              multiple
            &gt;&lt;/v-select&gt;
          &lt;/v-col&gt;
        &lt;/v-row&gt;
      &lt;/v-container&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>