vue2定位返回上一页
时间: 2023-09-03 11:10:16 浏览: 103
根据提供的引用内容,可以看出有几种方法可以在Vue2中实现返回上一页并定位到之前的滚动位置。
第一种方法是使用Vue Router的`beforeRouteLeave`和`activated`生命周期钩子。在离开页面时,可以将容器的滚动高度存储在Vuex中。然后,在返回列表页面后,可以从Vuex中获取之前存储的滚动高度,并使用`scrollTo`方法重新设置容器的滚动高度。
第二种方法是使用Vue Router的`onBeforeRouteLeave`和`onActivated`生命周期钩子。在离开页面时,可以设置一个标志位来表示是否需要刷新页面。在返回列表页面后,根据标志位的值来判断是否需要重新加载数据。
第三种方法是使用Vue的`keep-alive`组件。在APP.vue文件中,可以将需要缓存的页面包裹在`keep-alive`组件中。这样,在返回上一页时,被缓存的页面将保持之前的状态,包括滚动位置。
综上所述,以上三种方法都可以实现在Vue2中返回上一页并定位到之前的滚动位置。具体使用哪种方法取决于你的需求和项目的具体情况。
#### 引用[.reference_title]
- *1* *3* [vue 返回上一页固定位置](https://blog.csdn.net/JandyPam/article/details/125318003)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [VUE3+keep-alive缓存页面,实现返回上一页不刷新页面](https://blog.csdn.net/qq_41716992/article/details/126620874)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文