Не могли бы вы показать пример с сообщением об ошибке?
Документация не дает достаточно подробностей.
Вроде нет ничего похожего на v-if="!$v.user.email.email"
Следующий код тоже не работает
validations: {
user: {
email: {
required,
email: email(),
},
}
}
На самом деле, я ошибался и там было что-то вроде v-if="!$v.user.email.email". Для валидатора электронной почты никаких данных не требуется.
Все что тебе нужно это
email: {
email,
},
Если у вас возникли ошибки Vetur, просто удалите Vetur и переустановите его.
Vue.use(window.vuelidate.default)
const { email } = window.validators
new Vue({
el: "#app",
data: {
user: {
email: ""
}
},
validations: {
user:{
email: {
email
}
}
},
methods: {
status(validation) {
return {
error: validation.$error,
dirty: validation.$dirty
}
}
}
})input {
border: 1px solid silver;
border-radius: 4px;
background: white;
padding: 5px 10px;
}
.dirty {
border-color: #5A5;
background: #EFE;
}
.error {
border-color: red;
background: #FDD;
}<script src="https://cdn.jsdelivr.net/combine/npm/[email protected]/dist/validators.min.js,npm/[email protected]/dist/vuelidate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<input v-model="$v.user.email.$model" :class="status($v.user.email)">
<div class="error" v-if="!$v.user.email.email">this must be an email</div>
<pre>{{ $v }}</pre>
</div>Ответ https://stackoverflow.com/a/61359412/11993949 демонстрирует, как использовать при размытии тоже функциональность
