当数据模型与验证模型不同时，Vuelidate 无法正常工作

Question

当数据模型与验证模型不同时，required 和 minLength 无法正确验证。 https://jsfiddle.net/2vs9kdb3/4/

<input v-model="text" @blur="$v.form.text.$touch()" :class="{ 'is-invalid': $v.form.text.$error }">
<template v-if="!$v.form.text.minLength">
    Text is too short
</template>


....


data: {
    text: ''
},

validations: {
    form: {
        text: {
        required,
        minLength: minLength(5)
        }
    }
}
 

Answer 1

你应该遵守惯例。 第一：使用

data: {
 form: { text: '' }
}

也可以使用 v-model="$v.form.text.$model".

Answer 2

尽管文档中没有说明，validations 结构必须与 data 模型相同。