01 問題:
頁面通過路由調轉後,新頁面停留的位置與上一級頁面一致
02. 解決
在配置路由時候 加上:scrollBehavior:() => ({ y = 0 }),
const router = new VueRouter({
scrollBehavior: () => ({ y: 0 }),
routes: [ ]
})
03. 原因
使用組件緩存時 再次切換到此組件 路由不觸發mounted鉤子函數 (不知理解對與否,歡迎指正。)
額外
但是是還有個問題依舊沒有徹底克服!
比如,如果當前頁面是首頁,點擊頁面中的"首頁"選項後,卻依然不置頂,那麼只能老老實實的增加個回到頂部了。
toYpWebsite () {
// this.$router.push('/ypWebsite')
document.body.scrollTop = document.documentElement.scrollTop = 0