vue中切換頁面時讓目標頁面的滾動條自動滾動到頂部的方法

vue中切換頁面時讓目標頁面的滾動條自動滾動到頂部的方法
情景描述
解決辦法(針對單個頁面這個問題的)
針對全部頁面的話, 可以在路由的鈎子函數中設置(main.js中)
情景描述
1.頁面 /a, 有輸入框, 當輸入框輸入合適的值的時候, 不隱藏軟鍵盤, 點擊相應按鈕直接跳到 /b
2.頁面 /b, 頁面本來內容很少, 沒有滾動條的, 可是莫名的被下方的灰色區域頂到可視區上面, 內容被隱藏了一點, 但是手動拉回正常展示以后, 問題就不再重現
解決辦法(針對單個頁面這個問題的)

解決辦法(針對單個頁面這個問題的)

// 在/b頁面, vue的mounted方法中, 寫設置頁面滾動條的這個方法
mounted() {
 // 切換頁面時滾動條自動滾動到頂部
    window.scrollTo(0,0);
}

針對全部頁面的話, 可以在路由的鈎子函數中設置(main.js中)

// 這個方法我沒有親測, 是查網上資料的, 不過我覺得, 放在`router.beforeEach`更好
router.afterEach((to,from,next) => {
  window.scrollTo(0,0);
  // 或
  // window.scroll(0, 0);
});

————————————————
 原文鏈接：https://blog.csdn.net/weixin_42283360/article/details/88032896