APP端頁面位置保持的幾種方法 Vue篇

2021-10-24 11:14:13 字數 732 閱讀 1549

1.如果不清楚導航守衛概念的，附上官網鏈結官網傳送門

const router =


newvuerouter()


router.


beforeeach


((to,


from


, next)


=>


next()


})
簡單來說，導航守衛就類似於鉤子函式，因此我的設計思路是可以在頁面跳轉前記錄當前頁面的滾動位置。如果想只讓某些頁面有位置保持的功能，可以做if判斷from的name或者寫到路由獨享的守衛裡：

const router =


newvuerouter(}


]})
當然上述方法存在監聽頻繁的問題，可以用防抖來進行監聽的優化。

核心**塊：

// 防抖處理


scroll


(params)


this


.timer =


settimeout((


)=>


,500


)}
// 首頁位置保持


activated()
在路由檔案index.js中

const router =


newvuerouter


(else}}


})

頁面跳轉的幾種方法

href assgin跳轉到另乙個頁面可以返回到原來的頁面 location.href location.assign 注意 replace跳轉到另乙個頁面之後不可以返回原來的頁面 location.replace 用乙個新的位址去替換當前的位址，所以不能返回之前的頁面history是載入歷史列表中...

頁面跳轉的幾種方法

php 302重定向 缺少http 會造成重複重定向 url header location url 301重定向 多用於引數錯誤跳轉前 頁面 echo exit 上級頁面跳轉 多用於後台frame框架 防止出現畫中畫 echo exit top.location.href url 在頂層頁面開啟u...

陣列位置交換的幾種方法

1.引入第三個變數 var arr one two var item arr 0 arr 0 arr 1 arr 1 item 2.splice方法,splice 方法會直接對陣列進行修改,splice 方法向 從陣列中新增 刪除專案，然後返回被刪除的專案。arr.splice 1,1,arr 0 ...