title: Vuetify v-select - set default values for multi select
body: <p>I'm trying to set the defaults values of the v-select component. At the moment it only appears to be setting it to the first value. Within our app we allow the user to select options which are pulled from an API. The issue we faced is using the standard v-select there were far too many options. Therefore I created a way around this using the v-datatable to select the options:</p>
  <p><a href="https://i.stack.imgur.com/Hspn8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Hspn8.png" alt="enter image description here" /></a></p>
  <p>After selecting however, my v-select only shows the first item I checked and not the rest:</p>
  <pre><code>&lt;v-select
    v-model=&quot;selectValue&quot;
    chips
    multiple
    :items=&quot;selectItems&quot;
  /&gt;
  </code></pre>
  <p>Here's the selectValue and selectItems methods:</p>
  <pre><code>setItems() {
      const items = [];
  
      if (!_.isEmpty(this.items[this.model])) {
          items.push({
              text: this.items[this.model][0][field],
              value: this.items[this.model][0].id
          });
      }
  
      this.selectItems = items;
  },
  
  setValue() {
      if (!_.isEmpty(this.items[this.model])) {
          const items = [];
  
          _.values(this.items[this.model]).forEach(value =&gt; {
              items.push({
                  text: value.name,
                  value: value.id,
              });
          });
  
          this.selectValue = items;
      }
  },
  </code></pre>
  <p>However this only appears to be setting the default value as the first item:</p>
  <p><a href="https://i.stack.imgur.com/HTTeG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HTTeG.png" alt="enter image description here" /></a></p>
  <p>If I use the vue tools I can see that the initial and lazy values are set:</p>
  <p><a href="https://i.stack.imgur.com/DbX4d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DbX4d.png" alt="enter image description here" /></a></p>
  <p>However the selectedItems isn't correct. Am I missing something here? I thought setting the v-model would handle this! Thanks</p>
  <p><a href="https://i.stack.imgur.com/Eomdd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Eomdd.png" alt="enter image description here" /></a></p>