页面后退，状态复原

bailicangdu · bailicangdu · commit c1ac56b25987 · 2017-06-13T12:41:22.000+08:00
diff --git a/src/App.vue b/src/App.vue
@@ -1,8 +1,13 @@
 <template>
 	<div>
 		<transition name="router-fade" mode="out-in">
-    		<router-view></router-view>
+			<keep-alive>
+			    <router-view v-if="$route.meta.keepAlive"></router-view>
+			</keep-alive>
     	</transition>
+    	<transition name="router-fade" mode="out-in">
+			<router-view v-if="!$route.meta.keepAlive"></router-view>
+		</transition>
     </div>
 </template>
 
diff --git a/src/main.js b/src/main.js
@@ -16,7 +16,17 @@ Vue.use(VueRouter)
 const router = new VueRouter({
 	routes,
 	mode: routerMode,
-	strict: process.env.NODE_ENV !== 'production'
+	strict: process.env.NODE_ENV !== 'production',
+	scrollBehavior (to, from, savedPosition) {
+	    if (savedPosition) {
+		    return savedPosition
+		} else {
+			if (from.meta.keepAlive) {
+				from.meta.savedPosition = document.body.scrollTop;
+			}
+		    return { x: 0, y: to.meta.savedPosition ||0}
+		}
+	}
 })
 
 
diff --git a/src/router/router.js b/src/router/router.js
@@ -72,6 +72,7 @@ export default [{
         {
             path: '/msite',
             component: msite,
+            meta: { keepAlive: true },
         },
         //特色商铺列表页
         {
