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" >