页面跳转后页面还是停留在上一个页面的位置，没有回到顶部

解决

1、router中路由守卫中统一添加

router.beforeEach(async (to, from, next) => {window.scrollTo(0, 0);next();
});

2、页面中监听页面变化

<script setup>
import { ref, onMounted, watch } from 'vue';
import { useRouter, useRoute } from 'vue-router';
const router = useRouter();
const route = useRoute();watch(() => route.path,(path) => {console.log('path', path);window.scrollTo({ top: 0, behavior: 'smooth' });}
);</script>