文章詳情頁
javascript - vue有什么好的辦法返回上一個路由保持位置不變。
瀏覽:121日期:2022-12-13 16:14:26
問題描述
上拉刷新來實現分頁,當有很多頁的話,點擊列表某一頁去詳細,然后從詳情返回上一頁,位置不能變,而且代碼不會刷新,使用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
相關文章:
1. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現存在即更新應該使用哪個標簽?2. mysql - 表名稱前綴到底有啥用?3. Navicat for mysql 中以json格式儲存的數據存在大量反斜杠,如何去除?4. mysql - 怎么生成這個sql表?5. mysql儲存json錯誤6. 哭遼 求大佬解答 控制器的join方法怎么轉模型方法7. mysql - 數據庫表中,兩個表互為外鍵參考如何解決8. 編輯成功不顯示彈窗9. 怎么php怎么通過數組顯示sql查詢結果呢,查詢結果有多條,如圖。10. sql語句 - 如何在mysql中批量添加用戶?
排行榜
