There seems to be an issue with validation when the data model does not align with the validations model. In particular, the required and minLength validations are not functioning as expected. 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)
}
}
}