文章詳情頁
javascript - vue有什么好的辦法返回上一個路由保持位置不變。
瀏覽:140日期: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. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?2. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示?3. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變4. html - vue項目中用到了elementUI問題5. sql語句 - mysql中關聯表查詢問題6. javascript - 有什么比較好的網頁版shell前端組件?7. javascript - 這不是對象字面量函數嗎?為什么要new初始化?8. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。9. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?10. javascript - [js]為什么畫布里不出現圖片呢?在線等
排行榜
