VeeValidate classNames中的多个CSS类

Question

是否可以在VeeValidate（选项classNames）中设置多个类？

我正在使用VeeValidate for Vue.js进行表单验证。有以下选项： 'classes：true，classNames：有效和无效的CSS类。

我想使用引导程序“ alert alert-warning”。但是，当我在下面添加类名称时，出现以下错误消息：

  

未捕获（承诺）的DOMException：无法在以下位置执行“删除”   'DOMTokenList'：提供的令牌（'alert alert-warning'）包含   HTML空格字符，在令牌中无效。

除了创建新的CSS类之外，该方案是否还可以解决？

代码：

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

Answer 1

根据source code，可以传递类数组。 试试这个：

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