文章詳情頁
javascript - vue有什么好的辦法返回上一個路由保持位置不變。
瀏覽:102日期:2022-12-13 16:14:26
問題描述
上拉刷新來實現(xiàn)分頁,當有很多頁的話,點擊列表某一頁去詳細,然后從詳情返回上一頁,位置不能變,而且代碼不會刷新,使用scrollBehavior還是算了,我用的是hash模式,有做過類似,希望能給點意見。
問題解答
回答1:beforeRouteLeave(to, from, next){ let position = window.scrollY() this.$store.commit(’SAVE_POSITION’, position) //離開路由時把位置存起來}
在頁面中取值
mounted () { this.$nextTick(function(){ let position = this.$store.state.position //返回頁面取出來 window.scroll(0, position) }) }
標簽:
JavaScript
相關(guān)文章:
1. javascript - node.js promise沒用2. android 如何實現(xiàn)如圖中的鍵盤上的公式及edittext的內(nèi)容展示呢3. c++ - 如何正確的使用QWebEngineView?4. yii2中restful配置好后在nginx下報404錯誤5. javascript - js 寫一個正則 提取文本中的數(shù)據(jù)6. 算法 - python 給定一個正整數(shù)a和一個包含任意個正整數(shù)的 列表 b,求所有<=a 的加法組合7. golang - 用IDE看docker源碼時的小問題8. ruby - gitlab托管,git clone 失敗?9. java - 我在用Struts2上傳文件時,報以下錯誤怎么回事?10. 網(wǎng)站被黑,請教下大神,怎么對datebase.php內(nèi)容加密。
排行榜

熱門標簽