title: Vue Element bind select in list with ID
body: <p>I need to do simple <a href="https://element.eleme.io/#/en-US/component/select" rel="nofollow noreferrer">drop-down list</a> (aka select) with Vue Element. I need to put selected value id in variable, but I can't understand how to do it with Element. I know how to do it in pure Vue, but it's do not working with Element.</p>
  
  <p>Here is my code <a href="https://jsfiddle.net/dxh2mbkv/" rel="nofollow noreferrer">https://jsfiddle.net/dxh2mbkv/</a></p>
  
  <pre><code>    &lt;el-select clearable placeholder="Select" class="SelectFullWidth" &gt;
    &lt;el-option
      v-for="item in people"
       :value="item.name" &gt;
    &lt;/el-option&gt;
   &lt;/el-select&gt;
  </code></pre>
  
  <p>I need to get selected id in variable.</p>
  
  <p>There is small issue with example. It's now working, because I have never used Vue Element with jsfiddle.</p>
  
  <p>Pure Vue solution that I need reimplement in Vue element <a href="https://jsfiddle.net/mani04/3x0z3vzk/" rel="nofollow noreferrer">https://jsfiddle.net/mani04/3x0z3vzk/</a></p>