From 64287e9c3fe7c235c331e7a6b04fa98b7645b551 Mon Sep 17 00:00:00 2001
From: ch <cwl_ch@163.com>
Date: Fri, 1 Jul 2022 18:14:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E7=82=B9=E8=B5=9E,=E5=B7=B2=E8=B4=AD?=
 =?UTF-8?q?=E4=B9=B0bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/BsCommentInfo.vue             | 24 ++++++++++++++----------
 layouts/module/header/HeaderCategory.vue |  2 +-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/components/BsCommentInfo.vue b/components/BsCommentInfo.vue
index 547f8e6..a2c7bff 100644
--- a/components/BsCommentInfo.vue
+++ b/components/BsCommentInfo.vue
@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-06-24 11:43:04
  * @LastEditors: ch
- * @LastEditTime: 2022-06-30 19:46:42
+ * @LastEditTime: 2022-07-01 18:13:33
  * @Description: file content
 -->
 <template>
@@ -24,7 +24,7 @@
 					<el-rate :value="commentDetail.commentScore" disabled/>
 					<span class="time">{{FormatDate(commentDetail.createTime, 'yyyy-mm-dd hh:ii')}}</span>
 				</div>
-				<p class="sku">已购买：{{commentDetail.skuName}}</p>
+				<p class="sku" v-if="commentDetail.skuName">已购买：{{commentDetail.skuName}}</p>
 				<div class="ctx">{{commentDetail.commentContent}}</div>
 				<!-- 图片预览 -->
 				<UiImgs v-if="imgs.length" :list="imgs" class="imgs" />
@@ -118,8 +118,8 @@ export default {
 			answerVisible : false,
 			answerContent : '',
 			answer : null,
-			isLike : false,
-			usefulCount : 0,
+			isLike : this.commentDetail.isLike,
+			usefulCount : this.commentDetail.usefulCount,
 			replyCount : this.commentDetail.replyCount,
 			showFollowForm : this.isFollowForm,
 			followComment : this.commentDetail.followComment || null
@@ -147,12 +147,16 @@ export default {
 		}
 	},
 	watch:{
-		commentDetail(){
-			this.followComment = this.commentDetail.followComment;
-			this.replyCount = this.commentDetail.replyCount || 0;
-			this.answerCommentList = this.commentDetail.answerCommentList || [];
-			this.isLike = this.commentDetail.isLike;
-			this.usefulCount = this.commentDetail.usefulCount;
+		commentDetail:{
+			handler(){
+				this.followComment = this.commentDetail.followComment;
+				this.replyCount = this.commentDetail.replyCount || 0;
+				this.answerCommentList = this.commentDetail.answerCommentList || [];
+				this.isLike = this.commentDetail.isLike;
+				this.usefulCount = this.commentDetail.usefulCount;
+			},
+			deep : true
+			
 		}
 	},
 	mounted(){
diff --git a/layouts/module/header/HeaderCategory.vue b/layouts/module/header/HeaderCategory.vue
index 41c6f8b..de5feaf 100644
--- a/layouts/module/header/HeaderCategory.vue
+++ b/layouts/module/header/HeaderCategory.vue
@@ -96,7 +96,7 @@ export default {
   },
   methods: {
     getList(id) {
-      let list = this.list.filter((item) => item.id == id);
+      let list = this.list.filter((item) => item && item.id == id);
       // console.log(`list[0]?.list`, list[0]?.list);
       return list[0]?.list || [];
     },