Как программно прокрутить страницу в Vue?

Question

Немного нубский вопрос:

Я пытаюсь перейти к нижней части страницы, когда страница полностью загрузилась. Как мне это сделать?

Это простой js код, который мне не удалось реализовать в Vue:

let bottomLoad () => {
    window.scrollTo(0,document.body.scrollHeight);
}

window.eventListener("load", bottomLoad)

Answer 1

В vue, смонтированная функция вызывается, когда страница или компонент полностью загружены. Таким образом, вы можете попробовать эту функцию, как показано ниже ...

Vue.config.devtools = false
Vue.config.productionTip = false

new Vue({
 el: '#app',
 mounted: function() {
    window.scrollTo({ top:document.body.scrollHeight, behavior: 'smooth'});
 }
})

#scrooll {
  height: 1900px;
  border: 1px solid red;
}

#scrooll h1 {
position:absolute;
top: 1800px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div id="scrooll">
  <h1>Hey I shoud be at bottom</h1>
</div>
</div>