当数据模型与验证模型不同时，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模型相同。