ScrollTo VueJsの無効な入力

Question

VueJsを使用して無効なクラスを持つ最初の入力をスクロールできる方法はありますか？今私はwindow.scrollTo(500, 0);を使用していますが、これは明らかに適切な解決策ではありません。

Answer 1

ただ、エラー位置との最初の要素を取得します：

window.scrollTo(document.querySelector('.error').offsetTop, 0); 

Answer 2

あなたはおそらく、それが適用される必要がどこでもあなたの無効なクラスを適用するためにVueのを待つVue.nextTickを使用する必要があります。

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