# ValidationProvider
使用ValidationProvider组件包裹输入组件并提供一个提示组件(比如span标签)，向ValidationProvider组件传递一个slot，打印该slot 是一个json对象
{
"untouched": true,
"touched": false,
"dirty": false,
"pristine": true,
"valid": true,
"invalid": false,
"validated": false,
"pending": false,
"required": false,
"changed": false,
"passed": false,
"failed": false,
"errors": [],
"classes": {
"untouched": true,
"touched": false,
"dirty": false,
"pristine": true,
"validated": false,
"pending": false,
"required": false,
"changed": false,
"passed": false,
"failed": false
},
"failedRules": {},
"ariaInput": {
"aria-invalid": "false",
"aria-required": "false",
"aria-errormessage": "vee__vee_3"
},
"ariaMsg": {
"id": "vee__vee_3",
"aria-live": "off"
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<ValidationProvider rules="secret" v-slot="{ errors }">
<input v-model="email" type="text" />
<span>{{ errors[0] }}</span>
</ValidationProvider>
1
2
3
4
2
3
4
# VeeValidate API
# extend
extend允许您添加更多的规则，以供vee-validate函数和组件全局使用。