fix fullAddressAutocomplete component not loading results
- introduce refetch method to fetch the result when query variables change
This commit is contained in:
parent
ad597db271
commit
83da88ca28
|
@ -318,7 +318,8 @@ const debounceDelay = computed(() =>
|
|||
geocodingAutocomplete.value === true ? 200 : 2000
|
||||
);
|
||||
|
||||
const { load: searchAddress } = useLazyQuery<{
|
||||
const { load: searchAddressLoad, refetch: searchAddressRefetch } =
|
||||
useLazyQuery<{
|
||||
searchAddress: IAddress[];
|
||||
}>(ADDRESS);
|
||||
|
||||
|
@ -338,13 +339,22 @@ const asyncData = async (query: string): Promise<void> => {
|
|||
isFetching.value = true;
|
||||
|
||||
try {
|
||||
const result = await searchAddress(undefined, {
|
||||
const queryVars = {
|
||||
query,
|
||||
locale: locale,
|
||||
type: props.resultType,
|
||||
});
|
||||
};
|
||||
|
||||
if (!result) return;
|
||||
const result =
|
||||
(await searchAddressLoad(undefined, queryVars)) ||
|
||||
(await searchAddressRefetch(queryVars)?.then((object) => {
|
||||
return object.data;
|
||||
}));
|
||||
|
||||
if (!result) {
|
||||
isFetching.value = false;
|
||||
return;
|
||||
}
|
||||
console.debug("onAddressSearchResult", result.searchAddress);
|
||||
addressData.value = result.searchAddress;
|
||||
isFetching.value = false;
|
||||
|
|
Loading…
Reference in a new issue