文章詳情頁
javascript - vue有什么好的辦法返回上一個路由保持位置不變。
瀏覽:90日期: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. mysql優化 - mysql count(id)查詢速度如何優化?2. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區別?3. angular.js - angularjs 用ng-reapt渲染的dom 怎么獲取上面的屬性4. 主從備份 - 跪求mysql 高可用主從方案5. css3 - [CSS] 動畫效果 3D翻轉bug6. node.js - node_moduls太多了7. angular.js - Angular路由和express路由的組合使用問題8. python如何不改動文件的情況下修改文件的 修改日期9. python - django 里自定義的 login 方法,如何使用 login_required()10. angular.js - 不適用其他構建工具,怎么搭建angular1項目
排行榜
![css3 - [CSS] 動畫效果 3D翻轉bug](http://www.aoyou183.cn/attached/image/news/202304/110831f073.png)