vue div 無法自動到最底層？

• Z时代
• 2024-02-20
• 分类：IT

<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卻沒有作用？

回答：

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

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

回答：

试试将created改为mounted。

以上是 vue div 無法自動到最底層？ 的全部内容， 来源链接： utcz.com/p/935499.html