VeeValidate 校验数组
时间: 2023-07-16 12:16:39 浏览: 117
vee-validate 验证框架
要使用 VeeValidate 校验数组,需要在校验规则中使用 `array` 规则,例如:
```javascript
rules: {
myArray: {
required,
array,
min: minValue(2)
}
},
```
这个例子中,我们定义了一个 `myArray` 规则,它必须是一个数组,且长度不能小于 2。
在 HTML 模板中,我们可以使用 `v-validate` 指令来绑定校验规则,并使用 `errors` 对象来获取错误信息:
```html
<div>
<input type="text" v-model="myArray" v-validate="'myArray'" />
<span>{{ errors.first('myArray') }}</span>
</div>
```
这个例子中,我们把 `myArray` 绑定到一个文本框中,并使用 `v-validate` 指令来绑定校验规则,值为 `'myArray'`,这与我们在校验规则中定义的规则名称相同。
在页面中,我们使用 `errors.first('myArray')` 来获取第一个校验失败的错误信息,如果没有错误,则返回空字符串。
阅读全文