title: Vue.js selected option not based on value
body: <p>I have an json object returned from an API call like this:</p>
  <pre><code>&quot;countries&quot;: [
  {
    &quot;id&quot;: 1,
    &quot;iso&quot;: US,
    &quot;name&quot;: &quot;United States&quot;,
  },
  {
    &quot;id&quot;: 2,
    &quot;iso&quot;: FR,
    &quot;name&quot;: &quot;France&quot;,
  },
  {
    &quot;id&quot;: 3,
    &quot;iso&quot;: GB,
    &quot;name&quot;: &quot;United Kingdom&quot;,
  },
  ]
  </code></pre>
  <p>In my vue component:</p>
  <pre><code>&lt;select v-model=&quot;country&quot;&gt;
      &lt;option v-for=&quot;country in countries&quot; :value=&quot;country.id&quot;&gt;{{ country.name }}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>How can I have pre-selected the third json instance based on the iso code?</p>
  <p>The following code inside v-for does not work</p>
  <pre><code>:selected=&quot;country.iso === 'GB'&quot;
  </code></pre>
  <p>I could do of course</p>
  <pre><code>data: function () {
      country: 3
  }
  </code></pre>
  <p>but I want to declare the default selected value based on iso code, not id.</p>
  <p>I do not want to change iso as the model's value, as I am going to send it as post request to my API. If I did this, I could parse the whole json object to find the id from its iso code, but I am not sure this would be the cleanest solution.</p>
  <p>Thanks</p>