title: How can I change the selected v-select item using a method?
body: <p>I am trying to set the selected value of my v-select component in a method in the script part. 
  These are the the code parts:</p>
  
  <pre><code>    &lt;v-flex xs4&gt;
          &lt;v-select v-model="selected" :items="items" item-text="name" 
          item-value="value" outlined class="ml-2 mr-1" return-object&gt;&lt;/v-select&gt;
      &lt;/v-flex&gt;
  </code></pre>
  
  <p>and the part of the script:</p>
  
  <pre><code>export default {
    return{
      data: function () {
          items: [
              { name: 'item 1', value: 1 },
              { name: 'item 2', value: 2 },
              { name: 'item 3', value: 3 }],
          selected: { name: 'iteam 1', value: 1 }
      },
      methods: {
          apply (component) {
              for (var i in this.items.entries()) {
                  if (i.name === component.item) {
                      this.selected.name = i.name
                      this.selected.value = i.value
                  }
              }
          }
      }
    }
  }    
  </code></pre>
  
  <p>I've tried different versions like</p>
  
  <pre><code>this.selected = i
  
  this.selected[name] = i.name
  this.selected[value] = i.value
  
  this.selected = { i.name, i.value }
  </code></pre>
  
  <p>but nothing is working.</p>