当数据模型与验证模型不同时，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: {&nbsp;form: { text: '' }}并且还使用 v-model="$v.form.text.$model"。

Answer 2

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