新增 blog detail siderbar 點擊後刷新

resources/js/src/views/blog/BlogDetail.vue

@@ -172,13 +172,13 @@
         <b-media v-for="(recentpost, index) in blogSidebar.recentPosts" :key="index" no-body
           :class="index ? 'mt-2' : ''">
           <b-media-aside class="mr-2">
-            <b-link :to="{ name: 'blog-detail', params: { id: recentpost.id } }">
-              <b-img :src="defaultsImg()" :alt="defaultsImg().slice(6)" width="100" rounded height="70" />
+            <b-link :to="{ name: 'blog-detail', params: { id: recentpost.id } }" @click="pageReload">
+              <b-img :src="defaultsImg()" :alt="defaultsImg().slice(6)" width="100" rounded height="70"/>
             </b-link>
           </b-media-aside>
           <b-media-body>
             <h6 class="blog-recent-post-title">
-              <b-link :to="{ name: 'blog-detail', params: { id: recentpost.id } }" class="text-body-heading">
+              <b-link :to="{ name: 'blog-detail', params: { id: recentpost.id } }" class="text-body-heading" @click="pageReload">
                 {{ recentpost.title }}
               </b-link>
             </h6>
@@ -328,7 +328,14 @@ export default {
           })
           document.getElementById("comment-text").value = ''
         })
-    }
+    },
+    goDetail(id) {
+      this.$router.push({ name: 'blog-detail', params: { id: id } })
+      this.$router.go()
+    },
+    pageReload() {
+      this.$router.go()
+    },
   },
 }
 </script>