From 5dfef883049e7f0670f6c6b1b225b233aee41eea Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 03 Mar 2022 01:30:11 +0800
Subject: [PATCH] 评论页刷新策略调整

---
 src/components/mini/mdDetail.vue |   14 +++++++-------
 1 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/mini/mdDetail.vue b/src/components/mini/mdDetail.vue
index daef7c0..54ac32a 100644
--- a/src/components/mini/mdDetail.vue
+++ b/src/components/mini/mdDetail.vue
@@ -33,14 +33,13 @@
 			</div>
 		</div>
 		<div class="articleComment">
-			<comment :acticleId="acticleId"></comment>
+			<comment ref="myComment" :articleId="articleId"> </comment>
 		</div>
 	</div>
 
 </template>
 
 <script>
-	// import esPath from '../../assets/es.md'
 	import VueMarkdown from 'vue-markdown'
 	import md5 from 'js-md5';
 
@@ -59,7 +58,7 @@
 		data() {
 			return {
 				source: "",
-				acticleId: "",
+				articleId: "",
 				showMsg: false,
 				myLock: false,
 				errorMsg: '',
@@ -74,20 +73,21 @@
 			}
 		},
 		created() {
-			this.acticleId = this.$route.query.id;
+			this.articleId = this.$route.query.id;
 		},
 		watch: {
 			'$route'(to, from) {
 				if ("mdDetail" === to.name) {
-					this.acticleId = this.$route.query.id;
+					this.articleId = this.$route.query.id;
 				}
 			},
-			acticleId: function(newValue, oldValue) {
+			articleId: function(newValue, oldValue) {
 				if (newValue == undefined || newValue == null || newValue == "") {
 					this.showMsg = true;
 					this.errorMsg = "日志id参数缺失";
 				} else {
 					this.queryDetail();
+					this.$refs.myComment.updateCommentList(this.articleId);
 				}
 			}
 
@@ -97,7 +97,7 @@
 				this.showMsg = true;
 				this.errorMsg = "加载中..";
 				queryBlogArticleDetail({
-					id: this.acticleId,
+					id: this.articleId,
 					authWord: this.secret == "" ? null : md5(this.secret)
 				}).then((res) => {
 					this.showMsg = true;

--
Gitblit v1.9.1