vue div 無法自動到最底層？

Question

<template>
    <div>
        ...
        <div 
             class="content-container"
             @scroll="onScroll"
             id="scrollToMe">
             data ....
        </div>
        ...
    </div>
</template>

.content-container {
    overflow-y: auto;
    height: 80vh;
    padding: 0 30px 20px;
}

created() {
    let element = document.querySelector('#scrollToMe')
    element.scrollTop = 1000
},

data...是有內容的，且很長
但created卻沒有作用？

Answer 1

create生命周期还未开始挂载实例，https://cn.vuejs.org/v2/api/#created
你可以在mounted里面处理

mounted() {
    this.$nextTick(() => {
      this.element = document.querySelector('#scrollToMe')
      this.element.scrollTop = 1000
    })
}

Answer 2

试试将created改为mounted。