title: Vue.js set selected value on option with conditional not working
body: <p>I am trying to set a selected value for an object option inside a select if this ID matched another object. I have a Company sectors array of objects that come from an API and a company that has a sector, coming from another API call. This way, if the sector_id field coming from the Company's API call matched the ID of the Array of sectors coming from another API, then this item  should have the select "check". For some reason the way i am doing is not working. Does someone know why?</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;select v-model="company.descripion" name="role"&gt;
                          &lt;option v-for="company_sector in this.company_sectors" :key="company_sector.id" :company_sector.id="company_sector" 
                          v-bind:select="company_sector.id == company.sector_id"&gt;
                              {{company_sector.name}}
                          &lt;/option&gt;
                  &lt;/select&gt; 
  </code></pre>
  
  <p>This for example, a piece of what comes from the Company API. No problem with that, the Json returned works fine:</p>
  
  <pre><code> "company": {
      "id": 8,
      "sector_id": 19,
      "sector": {
        "id": 19,
        "name": "Consultancy/ Services"
      },
  </code></pre>
  
  <p>and this is a piece of what comes from the company_sectors API, also working great</p>
  
  <pre><code>[
    {
      "id": 19,
      "name": "Consulting"
    },
  ...then many other elements...
  ]
  </code></pre>
  
  <p>Instead of displaying the Consulting name as the option selected on the list, the first element of the company_sectors list if displayed as selected, as by default.</p>
  
  <p>Any ideas on . what is going on?</p>