在vue.js中保留DOM更新时的滚动位置

export default {
  updated() {
    // 保存滚动位置
    this.saveScrollPosition();
  },
  methods: {
    saveScrollPosition() {
      // 保存滚动位置
      const scrollPosition = document.documentElement.scrollTop || document.body.scrollTop;
      this.$store.commit('SAVE_SCROLL_POSITION', scrollPosition); // 假设使用Vuex进行状态管理
    },
  },
};

// store.js
export default new Vuex.Store({
  state: {
    scrollPosition: 0,
  },
  mutations: {
    SAVE_SCROLL_POSITION(state, position) {
      state.scrollPosition = position;
    },
  },
});

export default {
  mounted() {
    // 恢复滚动位置
    this.restoreScrollPosition();
  },
  methods: {
    restoreScrollPosition() {
      // 恢复滚动位置
      document.documentElement.scrollTop = document.body.scrollTop = this.$store.state.scrollPosition; // 假设使用Vuex进行状态管理
    },
  },
};