From b4cf4963b88f2509750bb8c37928ed75b4d256c7 Mon Sep 17 00:00:00 2001
From: Gary Fu <xuebaiyouling@gmail.com>
Date: Sat, 6 Jan 2024 21:35:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E5=8A=A8=E5=AE=8C=E6=88=90=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common-autocomplete/index.vue | 10 ++++++++--
 src/views/tools/TestPage.vue                 |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/common-autocomplete/index.vue b/src/components/common-autocomplete/index.vue
index aea328e..2b1cb29 100644
--- a/src/components/common-autocomplete/index.vue
+++ b/src/components/common-autocomplete/index.vue
@@ -161,9 +161,15 @@ const showSelectPage = computed(() => {
   return props.selectPageConfig && (!keywords.value || lastAutocompleteLabel.value === keywords.value)
 })
 
+const showPopover = () => {
+  nextTick(() => {
+    popoverVisible.value = true
+  })
+}
+
 const loadAutoDataList = (val) => {
   if (val || props.emptySearchEnabled) {
-    popoverVisible.value = true
+    showPopover()
     loadingData.value = true
     props.autocompleteConfig.searchMethod({ query: val, page: autoPage.value }, (result) => {
       dataList.value = result.items || []
@@ -194,8 +200,8 @@ const onInputKeywords = debounce((input) => {
   if (!props.disabled && !props.readonly) {
     const val = keywords.value
     if (showSelectPage.value) {
-      popoverVisible.value = true
       loadSelectData()
+      showPopover()
     } else {
       if (input && autoPage.value) {
         autoPage.value = { ...autoPage.value, pageNumber: 1 }
diff --git a/src/views/tools/TestPage.vue b/src/views/tools/TestPage.vue
index 1ae59aa..c7c7c2e 100644
--- a/src/views/tools/TestPage.vue
+++ b/src/views/tools/TestPage.vue
@@ -27,7 +27,7 @@ const citySelectPageConfig = computed(() => useCitySelectPageConfig())
             v-model:default-label="modelAutoLabel"
             id-key="id"
             :label-key="$i18nMsg('nameCn', 'nameEn')"
-            :empty-search-enabled="false"
+            :empty-search-enabled="true"
             title="请选择用户"
             :autocomplete-config="userAutocompleteConfig"
           >