1、设置<keep-alive>
官方文档,在APP.vue中设置,如下:
<template>
<div id="app">
<keep-alive>
<router-view/>
</keep-alive>
</div>
</template>
2、在router.js中设置需要缓存的组件为:keepAlive: true
,如下:
{
path: '/MyOrder',
name: 'MyOrder',
component: MyOrder,
keepAlive: true
}
3、在对应的组件页面中设置ref
(设置在MyOrder组件中需要操作的dom上)绑定dom元素,如下:
<div class="body-bg" ref="bodyRef">
<span>.....</span>
</div>
4、获取scrollTop(获取bodyRef的scrollTop),可在点击进入子页面时获取scrollTop,并将获取的值存入data中如下:
goOrderInfo(e){
this.$router.push({
path:'/OrderInfo',
qu