title: Multiple select and v-model with array of object
body: <p>I'm using Vue.js 2.0 and the Element UI library.</p>
  
  <p>I'm working with a <strong>multiple select component</strong>. 
  The v-model property is here to pre-select any options.
  So if you have <code>model: ['Option4']</code>, the select will be preselected with Option4</p>
  
  <p>I would like to be able to <code>v-model</code> an array of object instead of simply an array containing the label of each option.</p>
  
  <p>That is to say instead of using<code>model: ['Option4']</code> I would like to be able to use something like <code>model: [{name:'Option4'}, {name:'Option5'}]</code>.</p>
  
  <p>When doing so the pre-selection is not made properly.</p>
  
  <p>Is it possible to do that ? If so how ?</p>
  
  <p><a href="http://jsfiddle.net/3ra1jscx/" rel="nofollow noreferrer">http://jsfiddle.net/3ra1jscx/</a></p>
  
  <pre><code>&lt;div id="app"&gt;
  &lt;template&gt;
    &lt;el-select v-model="model" multiple placeholder="Select"&gt;
      &lt;el-option v-for="item in options" :label="item.label" :value="item.value"&gt;
      &lt;/el-option&gt;
    &lt;/el-select&gt;
  &lt;/template&gt;
  &lt;/div&gt;
  
  var Main = {
      data() {
        return {
          options: [{
            value: 1,
            label: 'Option1'
          }, {
            value: 2,
            label: 'Option2'
          }, {
            value: 3,
            label: 'Option3'
          }, {
            value: 4,
            label: 'Option4'
          }, {
            value: 5,
            label: 'Option5'
          }],
          model: ['Option4']
        }
      }
    }
  var Ctor = Vue.extend(Main)
  new Ctor().$mount('#app')
  </code></pre>