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

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

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

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

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

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