title: Select input cannot have a default value (Vue.js)
body: <p>Trying to set a default value to a simple select input with &quot;selected&quot; doesn't work.</p>
  <p>I am making a blog in Vue.js and the blog posts can be assigned to different categories. However, when editing a post, I want the select input to have a default value if the post is already inside a category. The pseudo-code would look like so: &quot;if category.id equals post.category.id&quot;.</p>
  <p>This is my input:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;label&gt;
    &lt;VeeValidateField name=&quot;post_category&quot; as=&quot;select&quot;&gt;
      &lt;option value=&quot;&quot; disabled&gt;Set to folder&lt;/option&gt;
      &lt;option value=&quot;0&quot;&gt;none&lt;/option&gt;
      &lt;option v-for=&quot;category in categories&quot;
        :key=&quot;category.id&quot;
        :value=&quot;category.id&quot;
        :selected=&quot;category.id === post.category.value&quot;
      &gt;
        {{ category.category_name }}
      &lt;/option&gt;
    &lt;/VeeValidateField&gt;
  &lt;/label&gt;
  </code></pre>
  <p>Although there can be a default value with a multiple select input, that is not my use case.</p>
  <p>Is this a bug or am I doing something wrong?!</p>
  <p>Thank you!</p>