Update [id].vue

pages/search/[id].vue

@@ -22,11 +22,11 @@
                 />
                 <UDivider class="pt-3 pb-2" />
             </template>
-            <div class="grid" v-if="data.length > 0">
+            <div class="grid" v-if="data.length > 0 && askingData.question">
                 <h2 class="text-3xl" :id="data.length + 1">{{ askingData.question }}</h2>
             </div>
             <ISearchContent
-                v-show="askingData.question"
+                v-if="askingData.question"
                 :item="askingData"
                 :asking="asking"
                 ref="askingRef"
@@ -71,9 +71,8 @@ function initSearchItemInfo (info) {
 }
 function initSearchRecords (records) {
     data.value = records.map(item => {
-        let { answer, actions } = item
-        const historyItem = { article: answer, desLoading: false, searchLoading: false, ansLoading: false }
-        // console.log(`actions:`, typeof actions)
+        let { answer, actions, question } = item
+        const historyItem = { article: answer, question, desLoading: false, searchLoading: false, ansLoading: false}
         // todo ？action为啥成了string?
         actions = typeof actions === 'string' ? JSON.parse(actions) : actions
         // console.log(actions)
@@ -142,7 +141,9 @@ const handleCloseHistoryAsk = () => {
     })
 }
 const createGenerateInitItem = (question) => {
+    if (askingData.value.question) {
         data.value.push(askingData.value)
+    }
     nextTick(() => {
         handleCloseHistoryAsk()
         askingData.value = { question, desLoading: true }
@@ -151,8 +152,10 @@ const createGenerateInitItem = (question) => {
 const handleContinueAsk = (question) => {
     if (asking.value) return
     asking.value = true
-    askingRef.value.handleCollapse(true)
     createGenerateInitItem(question)
+    nextTick(() => {
+        askingRef.value && askingRef.value.handleCollapse(true)
+    })
     generateFetchData(question)
     setTimeout(() => {
         scrollToView()
@@ -282,7 +285,8 @@ onMounted( () => {
     if (data.value.length === 0 && state.query) {
         generateFetchData(state.query)
     } else {
-
+        asking.value = false;
+        askingData.value = {}
     }
 })