Vue js掛載滾動到特定的div

Question

我發現這個腳本，並且在你點擊按鈕時工作正常。我想實現的是當頁面加載它自動滾動到特定的div。

我該如何做到這一點？

<button id="goto" @click="goto('porto')">Go to porto</button> 

<div class="page" ref="porto"> 
    Porto page 
</div> 

methods: { 
    goto(refName) { 
     var element = this.$refs[refName]; 
     console.log(element); 
     var top = element.offsetTop; 
     window.scrollTo(0, top); 
    } 
}, 

Answer 1

也許你可以使用生命週期的鉤子Vue公司

所以像一個裝鉤：

mounted:{ 
    this.goto('porto') 
}