如何在 vue-multiselect 组件上调用客户端验证？

Question

in src/components/FeedbackForm.vue

<div>
<CustomerSelect :required="true" />
</div

问题：如何使这个 select 组件成为客户端必需的组件？我以为我可以像这样简单地添加一个 HTML5 属性：

in src/components/CustomerSelect.vue

模板部分：

<multiselect
  id="customer_last_name_input"
  v-model="c_lastname_value"
  :options="getActiveUserProfiles"
  label="lastname"
  track-by="uid"
  :close-on-select="true"
  @select="onSelect"
  @remove="onRemove"
  required <----------can't do this?
>

脚本部分：

props: ['required']

执行上述代码不会像常规 HTML select 元素那样在浏览器中调用客户端验证。感谢您的帮助。

Answer 1

至于 docs 它接受一个 allowEmptybool 属性。

allowEmpty || Boolean || Allows to remove all selected values. Otherwise one must be left selected.

所以会是

<multiselect
  id="customer_last_name_input"
  v-model="c_lastname_value"
  :options="getActiveUserProfiles"
  label="lastname"
  track-by="uid"
  :close-on-select="true"
  @select="onSelect"
  @remove="onRemove"
  :allow-empty="required"  <----------do this?
>

如何在 vue-multiselect 组件上调用客户端验证？

How to invoke client side validation on vue-multiselect component?

vue.js

vue-multiselect