ScrollTo VueJs中的無效輸入

Question

有沒有什麼辦法可以使用VueJs來scrollTo第一次輸入哪些類是無效的。現在我正在使用window.scrollTo(500, 0);這顯然不是一個合適的解決方案。

Answer 1

剛拿到第一要素，錯誤的位置：

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

Answer 2

你可能需要使用Vue.nextTick等待所有需要的地方被應用Vue公司以應用無效的類。

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