From 2c997fbb4d65475c9cd2a3302c6040e0852ee0f4 Mon Sep 17 00:00:00 2001
From: linhaojun857 <lhj13401792631@163.com>
Date: Thu, 30 Nov 2023 18:20:02 +0800
Subject: [PATCH] fix: highlight word mismatch

---
 aurora-vue/aurora-blog/src/components/SearchModel.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/aurora-vue/aurora-blog/src/components/SearchModel.vue b/aurora-vue/aurora-blog/src/components/SearchModel.vue
index b2f542a..c784664 100644
--- a/aurora-vue/aurora-blog/src/components/SearchModel.vue
+++ b/aurora-vue/aurora-blog/src/components/SearchModel.vue
@@ -274,7 +274,6 @@ export default defineComponent({
     onUpdated(() => {
       keywords.value = ''
       searchResults.value = []
-
       setTimeout(() => {
         if (searchInput.value) searchInput.value.focus()
       }, 200)
@@ -367,12 +366,17 @@ export default defineComponent({
         handleLinkClick(searchResults.value[menuActiveIndex.value])
       }
     }
+    let index = 0
     const searchKeywords = (e: any) => {
+      let curIndex = ++index
       if (e.target.value !== '') {
         let params = {
           keywords: e.target.value
         }
         api.searchArticles(params).then(({ data }) => {
+          if (curIndex < index) {
+            return
+          }
           searchResults.value = data.data
           if (searchResults.value.length > 0) {
             resetIndex(searchResults.value.length)
@@ -382,6 +386,9 @@ export default defineComponent({
           }
         })
       } else {
+        if (curIndex < index) {
+          return
+        }
         isEmpty.value = false
         searchResults.value = []
         resetIndex(recentResults.value.length)