vuejs2 - 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

已安装 被称为 渲染后 ，但是如果我们尝试在安装时立即滚动，
滚动可能不起作用。

一个简单的设置超时 没有超时就可以解决问题，这可能看起来很难看，但效果很好。

mounted() {
 setTimeout(() => {
  scrollToDiv();
 })
}