vue 页面返回记住滚动条上次浏览位置(keep-alive)

vue 页面返回 记住滚动条上次浏览位置(keep-alive)

实现这样的功能，现在变得非常方便了，不知道的小伙伴们，让我们一起来看看吧。

为了实现这一功能我们得运动到vue组件当中的（keep-alive）。keep-alive是vue的内置组件，能在组件切换

过程中将状态保留在内存中，防止重复渲染DOM。（优点：避免重复往后台发送请求）

接下来让我们一起来看看实际操作吧

首先，我们需要在配置路由界面里面做这样的操作

	{
   
   
     	 path: '/index',
     	 name: 'index',
     	 component: index,
     	 meta: {
   
   
       		 keepalive: true // 组件是否需要被保存
     	 }
    }

然后我们在App.vue页面当中，将需要保存的组件通过路由标签router-view，写在keep-alive标签里（别忘记区分keepalive大小写哦）

	<div id="app">
	   	<keep-alive>
		    <router-view v-if