vue3 自动滚动到底部

复制代码
<template>
  <div ref="container" class="container">
    <!-- 内容 -->
  </div>
</template>
 
<script>
import { ref, watchEffect } from 'vue';
 
export default {
  setup() {
    const container = ref(null); // 创建一个引用变量
    
    watchEffect(() => {
      if (container.value) {
        container.value.scrollTo({ top: container.value.scrollHeight }); // 滚动到底部
      }
    });
  
    return {
      container
    };
  },
};
</script>
 
<style scoped>
.container {
  height: 200px; /* 设置容器高度 */
  overflow-y: scroll; /* 显示垂直滚动条 */
}
</style>
View Code
复制代码

 

posted @   蓝色精灵jah  阅读(253)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示