🐞 fix: 点击推荐文章卡片后页面加载

wallleap · Nov 23, 2023 · ab21640 · ab21640
1 parent 8d802fc
commit ab21640
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/views/post/index.scss b/src/views/post/index.scss
@@ -148,7 +148,6 @@
   .post-body {
     position: relative;
     width: 100%;
-    min-height: 300px;
     margin-top: -3em;
     padding: 2em;
     background-color: var(--bg-thin);
@@ -277,6 +276,10 @@
       }
     }
 
+    .post-main {
+      min-height: 300px;
+    }
+
     .post-text {
       .post-title {
         font-size: 1.1rem;

diff --git a/src/views/post/index.vue b/src/views/post/index.vue
@@ -33,6 +33,7 @@ export default {
   },
   watch: {
     $route() {
+      this.clearAllData()
       this.getPostFn()
       this.generateRelatesFn()
     },
@@ -127,6 +128,13 @@ export default {
           break
       }
     },
+    clearAllData() {
+      this.post = {}
+      this.relates = []
+      this.toc = ''
+      this.content = ''
+      this.loading = true
+    },
     handleClick(e) {
       const tocLinks = document.querySelectorAll('.toc-link')
       if (e.target.classList.contains('toc-link')) {
@@ -159,7 +167,7 @@ export default {
 </script>
 
 <template>
-  <article v-loading="loading" class="post">
+  <article class="post">
     <section ref="tocWrap" class="toc-wrap">
       <div class="toc-header">
         <div class="toc-title">
@@ -229,7 +237,7 @@ export default {
           </div>
         </div>
       </div>
-      <div class="post-main">
+      <div v-loading="loading" class="post-main">
         <Markdown :content="content" :parsed="true" />
       </div>
     </section>