title: How to invoke client side validation on vue-multiselect component?
body: <p>I am using the <a href="https://vue-multiselect.js.org/" rel="nofollow noreferrer">vue-multiselect library</a> like so:</p>
  <blockquote>
  <p>in <code>src/components/FeedbackForm.vue</code></p>
  </blockquote>
  <pre><code>&lt;div&gt;
  &lt;CustomerSelect :required=&quot;true&quot; /&gt;
  &lt;/div
  </code></pre>
  <p>Question: How can I make this select component required on the client-side? I thought I would be able to simply add an HTML5 attribute like so:</p>
  <blockquote>
  <p>in <code>src/components/CustomerSelect.vue</code></p>
  </blockquote>
  <p>template section:</p>
  <pre><code>&lt;multiselect
    id=&quot;customer_last_name_input&quot;
    v-model=&quot;c_lastname_value&quot;
    :options=&quot;getActiveUserProfiles&quot;
    label=&quot;lastname&quot;
    track-by=&quot;uid&quot;
    :close-on-select=&quot;true&quot;
    @select=&quot;onSelect&quot;
    @remove=&quot;onRemove&quot;
    required &lt;----------can't do this?
  &gt;
  </code></pre>
  <p>script section:</p>
  <pre><code>props: ['required']
  </code></pre>
  <p>Doing the above code does not invoke client-side validation in the browser like a regular HTML select element. Thanks for any help.</p>