fix: (#450) 修复动态详情返回列表时滚动状态丢失的问题

hack router scroll behavior
slimkit · Jul 4, 2018 · e272172 · e272172
1 parent 88b2e32
commit e272172
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/src/page/feed/FeedList.vue b/src/page/feed/FeedList.vue
@@ -92,10 +92,16 @@ export default {
     }
   },
   watch: {
-    feedType(val) {
-      feedTypesMap.includes(val) && this.$refs.loadmore.beforeRefresh();
+    feedType(val, oldVal) {
+      feedTypesMap.includes(val) &&
+        oldVal &&
+        this.$refs.loadmore.beforeRefresh();
     }
   },
+  created() {
+    this.onRefresh(() => {});
+  },
+
   methods: {
     onRefresh(callback) {
       api.getFeedsByType(this.feedType, 15).then(({ data }) => {

diff --git a/src/routers/index.js b/src/routers/index.js
@@ -17,7 +17,10 @@ const router = new VueRouter({
       };
     }
     if (savedPosition) {
-      return savedPosition;
+      // hack 滚动到保存的位置， 原生方法失效的问题
+      setTimeout(() => {
+        window.scrollTo(savedPosition.x, savedPosition.y);
+      }, 100);
     } else {
       const {
         meta: { keepAlive = false, toTop = false }
@@ -26,7 +29,9 @@ const router = new VueRouter({
         from.meta.savedPosition =
           document.body.scrollTop || document.documentElement.scrollTop;
       }
-      return { x: 0, y: to.meta.savedPosition || 0 };
+      setTimeout(() => {
+        window.scrollTo(0, to.meta.savedPosition);
+      }, 100);
     }
   }
 });