Vuelidate: Scroll to the first error

[lalitbansal457]

is it possible to scroll to the first error field ?

[Frizi]

Yes. You have to implement scrolling to the node on your own. Vuelidate already makes it pretty easy to detect where error occured by inspecting $v.

[andot13]

I got this to work, but a non-native javascript with scroll animation would be better.
In your template:

<input :class="{ 'input--error': $v.name.$error}" >

In your methods:

```
this.$nextTick(() => {
let domRect = document.querySelector('.input--error').getBoundingClientRect();
window.scrollTo(
domRect.left + document.documentElement.scrollLeft,
domRect.top + document.documentElement.scrollTop
);
})

[maoberlehner]

For anyone discovering this via Google: I've written an article about how to scroll to the first Vuelidate validation error.