頁面跳轉后頁面還是停留在上一個頁面的位置,沒有回到頂部
解決
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>