fix: window scroll

Author: recocopliot

layouts/Category.vue

@@ -55,7 +55,7 @@ export default {
       posts.sort((a, b) => {
         return this._getTimeNum(b) - this._getTimeNum(a)
       })
-      this.getCurrentPage(1)
+      this._setPage(1)
       return posts
     },
     // 标题只显示分类名称
@@ -75,6 +75,12 @@ export default {
     },
     // 获取当前页码
     getCurrentPage (page) {
+      this._setPage(page)
+      setTimeout(() => {
+        window.scrollTo(0, 0)
+      }, 100)
+    },
+    _setPage (page) {
       this.currentPage = page
       this.$page.currentPage = page
     },

layouts/Tags.vue

@@ -7,7 +7,7 @@
         :key="index"
         :class="{'active': item.name == currentTag}"
         :style="{ 'backgroundColor': item.color }"
-        @click="getPagesByTags(item.name)">{{item.name}}</span>
+          @click="tagClick(item.name)">{{item.name}}</span>
     </div>
     <note-abstract
       class="list"
@@ -79,6 +79,15 @@ export default {
 
   methods: {
 
+    initData (currentTag) {
+      this.getPagesByTags(currentTag)
+    },
+
+    async tagClick (currentTag) {
+      await this.getPagesByTags(currentTag)
+      window.scrollTo(0, 0)
+    },
+
     // 根据分类获取页面数据
     getPagesByTags (currentTag) {
       this.currentTag = currentTag
@@ -96,19 +105,23 @@ export default {
       // reverse()是为了按时间最近排序排序
       this.posts = posts.length == 0 ? [] : posts
 
-      this.getCurrentPage(1)
+      this._setPage(1)
     },
 
     getCurrentTag (tag) {
       this.$emit('currentTag', tag)
     },
 
     getCurrentPage (page) {
+      this._setPage(page)
+      setTimeout(() => {
+        window.scrollTo(0, 0)
+      }, 100)
+    },
+    _setPage (page) {
       this.currentPage = page
       this.$page.currentPage = page
-      window.scrollTo(0, 0)
     },
-
     // 获取时间的数字类型
     _getTimeNum (date) {
       return parseInt(new Date(date.frontmatter.date).getTime())

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-reco",
-  "version": "1.0.9-alpha.3",
+  "version": "1.0.9-alpha.6",
   "description": "this is a vuepress theme",
   "main": "index.js",
   "scripts": {