vue2解决页面重排滚动条问题

项目场景：

项目场景：vue2

---

问题描述

例如：在一个卡片页面底部添加一条数据后，滚动条自动跑到了页面顶部去了：

---

原因分析：

可能是添加数据后页面重排导致的

---

解决方案：

提示：通过deepseek给出了一个较为高效的方案且不会干扰用户的正常滚动行为

export default {
  data() {
    return {
      scrollPosition: 0
    };
  },
  beforeUpdate() {
    this.scrollPosition = this.$el.scrollTop;
  },
  updated() {
    this.$nextTick(() => {
      this.$el.scrollTop = this.scrollPosition;
    });
  }
}

---

注意事项

提示：对于复杂SPA应用，考虑使用路由级别的滚动位置管理