ScrollTo VueJs의 잘못된 입력

Question

VueJs를 사용하는 잘못된 클래스가있는 첫 번째 입력을 scrollTo 할 수있는 방법이 있습니까? 지금 당장 나는 적절한 해결책이 아닌 window.scrollTo(500, 0);을 사용하고 있습니다.

Answer 1

그냥 오류 위치에 첫 번째 요소를 얻을 :

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

Answer 2

당신은 아마 적용 할 필요가 사방 뷰가 유효하지 않은 클래스를 적용 할 때까지 기다릴 Vue.nextTick를 사용해야합니다.

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