title: Vue + Element UI: (el-select) select an object option and pass value to multiple property
body: <p>In Vue2 I got an array of objects</p>
  <p><strong>OptionsArr</strong></p>
  <pre><code>[
   {
    name: &quot;apple&quot; ,
    price: 200
   },
   {
    name: &quot;orange&quot; ,
    price: 150
   }
  ]
  </code></pre>
  <p>and an el-select:</p>
  <pre><code>&lt;el-select
     v-model=&quot;item.name&quot;
   &gt;
     &lt;el-option
       v-for=&quot;(option,index) in OptionsArr&quot;
       :key=&quot;index&quot;
       :label=&quot;option.name&quot;
       :value=&quot;option.name&quot;
     &gt;
      {{option.name}}
     &lt;/el-option&gt;
  
  </code></pre>
  <p>data <strong>item</strong></p>
  <pre><code>{
   name:&quot;&quot;,
   price:undefined,
   count:2
  }
  </code></pre>
  <p>How could I save both name and price to item when select an option?
  For example, when I choose the option apple, the item should be</p>
  <pre><code>{
   name:&quot;apple&quot;,
   price:200,
   count:2
  }
  </code></pre>
  <p>I tried to use :value.sync instead of v-model but failed.</p>