no message

pages/details/[id].vue

@@ -75,7 +75,7 @@
             </ClientOnly>
         </div>
         <div class="right"><DetailsComments ref="commentsRef" :token="token"></DetailsComments></div>
-        <DetailsArea></DetailsArea>
+        <DetailsArea @closeDiscussInputFields="closeDiscussInputFields"></DetailsArea>
     </div>
 
     <el-dialog class="default-popup options-popup" v-model="cancelPopoverState" width="488px" align-center>
@@ -406,6 +406,11 @@ const refreshDataOnly = () => {
 }
 provide("refreshDataOnly", refreshDataOnly)
 
+// 点击底部调用关闭讨论输入框
+const closeDiscussInputFields = () => {
+    commentsRef.value.closeAnswerCommentsChild()
+}
+
 try {
     if (process.server) {
         // // const { data, pending, error, refresh } = await useFetch("https://vote.gter.net/api/details", {