Set default value to option select menu
<p>I want to bind a custom attribute to an option select menu.
The <code>&lt;option&gt;</code> tag would simply have an attribute of <code>selected="selected"</code></p>

<pre><code>&lt;template&gt;
  &lt;div&gt;
    &lt;select&gt;
      &lt;option v-for="" v-bind:selected="[condition ? selected : notSelected]" value=""&gt;{{ resource.xprm_name }}&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
&lt;/template&gt;

data: {
  selected: "selected",
  notSelected: ""
}
</code></pre>

<p>This does not work, but if I change <code>v-bind:selected</code> to <code>v-bind:class</code> then it receives the appropriate class, so the logic is working, but not with the <code>selected</code> attribute. </p>

<p>Any way to make it work with such custom attributes?</p>