Несколько классов CSS в VeeValidate classNames - PullRequest
Новая
       8

Несколько классов CSS в VeeValidate classNames

0 голосов
/ 03 января 2019

Можно ли установить несколько классов в VeeValidate (опция classNames)?

Я использую VeeValidate для Vue.js для проверки формы.Есть варианты: 'classes: true, classNames: действительный и недействительный класс css.'

Я бы хотел использовать начальную загрузку 'alert alert-warning'.Однако, когда я добавляю имена классов ниже, я получаю следующее сообщение об ошибке:

Uncaught (в обещании) DOMException: Не удалось выполнить 'remove' для 'DOMTokenList': предоставлен токен ('alert alert-warning ') содержит символы пробела HTML, которые недопустимы в токенах.

Есть ли обходной путь для этого сценария, кроме создания нового класса css?

Код: 

Vue.use(VeeValidate, {
classes: true,
classNames: {
    valid: '',
    invalid: 'alert alert-warning'
}});

1 Ответ

0 голосов
/ 04 января 2019

Согласно исходному коду возможно передать массив классов.Попробуйте это: 

Vue.use(VeeValidate, {
  classes: true,
  classNames: {
    valid: '',
    invalid: ['alert', 'alert-warning']
  }
});
...