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

Question

我正在使用vue-multiselect 库，如下所示：

在src/components/FeedbackForm.vue

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

问题：如何使这个选择组件在客户端需要？我以为我可以像这样简单地添加一个 HTML5 属性：

在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 选择元素那样在浏览器中调用客户端验证。谢谢你的帮助。

Answer 1

至于文档，它接受一个allowEmptybool 道具。

允许空 || 布尔值 || 允许删除所有选定的值。否则必须选择一个。

所以它会是

<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?
>