Vue.jsでcreatedが効かない

Question

Vue.jsで画面描写時にページの一番下を表示したく、以下の通り記述したのですが、効きません。

created(){
  document.querySelector("body").scrollIntoView(false);
},

mountedなどに変えてみても効かないのですが、なぜでしょうか??

Answer 1

ページ全体が表示されるまで待つ場合はmounted内で、
$nextTickを使って子コンポーネントのレンダリングを待つ必要があります。

mounted() {
  this.$nextTick(() => {
    document.body.scrollIntoView(false)
  })
}

Comments

[Khy]

ご回答ありがとうございます！
お陰様で解決致し、非常に勉強になりました！