Vee-Validate: зависимый выпадающий список с несколькими условиями - PullRequest
Новая
       309

Vee-Validate: зависимый выпадающий список с несколькими условиями

0 голосов
/ 09 мая 2019

У меня есть три зависимых способа ввода для моей формы, которые требуют проверки.

  1. Первый выпадающий список
  2. Второй выпадающий список
  3. Третий свободный текст

Form

Мне нужна помощь в реализации условия required_if , так как синтаксис немного сбивает с толку, чтобы заставить его работать, и разрешите следующее

  1. Если [Категория выпуска] имеет значение «Другое (Введите подробности)», то [Отмена] необходимо отключить, поле [Сведения] становится обязательным.
  2. Когда [Выпуск] имеет значение «Другое (введите подробности)», после чего поле [Сведения] становится обязательным.
  3. v-bind: ключ требуется для второго раскрывающегося списка, но вы не знаете, как использовать число для удаления появляющейся ошибкив консоли.

CodeSandbox

1 Ответ

2 голосов
/ 09 мая 2019

Сначала, пожалуйста, включите соответствующий код в свой вопрос в будущем.Песочница с кодом отличная, очень полезная, но в Stack Overflow цель состоит в том, чтобы найти ответы на сайте (не нужно оставлять его, чтобы просматривать части вопроса или ответа).

Вы понимаетене нужно использовать required_if.Вместо этого используйте объектную форму v-validate, например, так: 

  <b-input 
    type="textarea" 
    v-model="item.detail" 
    v-validate="{'required':(item.issue_category == 'Other (Enter Detail)')}" 
    name="detail">
  </b-input>

Для вашей другой проблемы это, по сути, то же самое, за исключением того, что вы также забыли дать для выбора name, что требуется.Также не смешивайте HTML5 required атрибуты там, я не думаю, что это помогает: 

          <b-select
            v-model="item.issue"
            name="Issue"
            v-validate="{'required':(item.issue_category != 'Other (Enter Detail)')}"               >

Вот и все!Смотрите рабочий пример здесь .

...