<template>
<div class="box">
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
</div>
</template>
<script>
export default{
mounted(){
this.scrollToBottom()
},
update(){
this.scrollToBottom()
},
methods:{
scrollToBottom(){
this.$nextTick(()=>{
let box = this.$el.querySelector(".box")
box.scrollTop = box.scrollHeight
})
}
},
}
</script>
<style>
.box{
height: 200px;
overflow-y:auto;
}
</style>
vue div滚动条滚动到指定位置_vue 始终让滚动条在底部
最新推荐文章于 2024-05-16 17:14:39 发布