vue中進入詳情頁記住滾動位置的方法(keep-alive)

{ 
path: ‘/scrollDemo', 
name: ‘scrollDemo', 
meta: { 
keepAlive: true // 需要緩存 
}, 
component: resolve => { require([‘../view/scrollDemo.vue'], resolve) } 
}

 <keep-alive> // 緩存組件跳轉(zhuǎn)的頁面
 <router-view v-if="$route.meta.keepAlive" class="ui-view" transition-mode="out-in"></router-view>
 </keep-alive> 

 // 非緩存組件跳轉(zhuǎn)頁面
 <router-view v-if="!$route.meta.keepAlive" class="ui-view" transition-mode="out-in"></router-view>

window.addEventListener('scroll', this.handleScroll);

 handleScroll () {
 this.scroll = document.documentElement && document.documentElement.scrollTop

 console.log(this.scroll)
 }

 activated() {
 if(this.scroll > 0){
 window.scrollTo(0, this.scroll);
 this.scroll = 0;
 window.addEventListener('scroll', this.handleScroll);
 }
 }

 deactivated(){
 window.removeEventListener('scroll', this.handleScroll);
 }