Как вызвать проверку на стороне клиента для компонента vue -multiselect? - PullRequest
Новая
       46

Как вызвать проверку на стороне клиента для компонента vue -multiselect?

1 голос
/ 10 июля 2020

Я использую vue -multiselect library вот так:

in 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 select. Спасибо за любую помощь.

1 Ответ

1 голос
/ 10 июля 2020

Что касается docs , он принимает allowEmpty bool prop.

allowEmpty || Булево || Позволяет удалить все выбранные значения. В противном случае следует оставить один из выбранных.

, поэтому это будет 

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