vue 中,切換新路由,想要頁面滾動到頂部,或后退時,如何實現(xiàn)保持原先的滾動位置

scrollBehavior 方法接收 to 和 from 路由對象。第三個參數(shù)對象 savedPosition 當且僅當通過瀏覽器的前進/后退按鈕觸發(fā)時才可用。

const router = new 
     VueRouter({ routes: [...],
     scrollBehavior (to,from,savedPosition){
     // return 期望滾動到哪個位置
     // 返回原來的位置
     // return savePosition
     // 返回頁面頂部
     return { x:0, y:0 }
    }
 })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 導航守衛(wèi) 正如其名,vue-router提供的導航守衛(wèi)主要用來通過跳轉(zhuǎn)或取消的方式守衛(wèi),有多種機會植入路由導航過程...
    前端_周瑾閱讀 1,377評論 0 4
  • 一、Vue scrollBehavior 滾動行為 測試中Google瀏覽器不存在該問題。 通常我們很少會對頁面回...
    無劍_君閱讀 1,892評論 0 3
  • vue中記錄上瀏覽位置的方法場景描述: 在當前頁面瀏覽時,點擊進入其他頁面,再返回時希望滾動到瀏覽時的位置 解決方...
    ismyshellyiqi閱讀 4,591評論 0 0
  • vue筆記 一.vue實例 vue的生命周期 beforeCreate(創(chuàng)建前), created(創(chuàng)建后), b...
    秋殤1002閱讀 1,133評論 0 1
  • 夜鶯2517閱讀 128,218評論 1 9

友情鏈接更多精彩內(nèi)容