vue.js 页面刷新位置

<template>
  <keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
  </keep-alive>
  <router-view v-if="!$route.meta.keepAlive"></router-view>
</template>

const routes = [
  {
    path: '/page1',
    component: Page1,
    meta: { keepAlive: true }
  },
  // 其他路由...
];

const router = new VueRouter({
  // ...其他配置
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition;
    } else {
      return { x: 0, y: 0 };
    }
  }
});

export default {
  mounted() {
    const savedPosition = localStorage.getItem('scrollPosition');
    if (savedPosition) {
      window.scrollTo(0, parseInt(savedPosition));
      localStorage.removeItem('scrollPosition');
    }
  },
  beforeUnmount() {
    localStorage.setItem('scrollPosition', window.scrollY);
  }
};