I use Vue-google-autocomplete within a vue parent component, and it works great.
Within the parent component, I have several child components, which open in a modal window. When I use Vue-google-autocomplete in a child component (I do use import VueGoogleAutocomplete from "vue-google-autocomplete"; in the child component like this:
<vue-google-autocompleteref="autoCompleteAddressHousing"id="mapHousing"classname="form-control"placeholder="Please type your address"v-on:placechanged="getAddressDataHousing"country="ca"></vue-google-autocomplete>
It displays a text box to enter address, but Google does not display addresses matching the entered characters. However, when the same code is used in the parent component, it works. Any idea, why does not work in the child component when it works in the parent component.
I use Vue-google-autocomplete within a vue parent component, and it works great. Within the parent component, I have several child components, which open in a modal window. When I use Vue-google-autocomplete in a child component (I do use import VueGoogleAutocomplete from "vue-google-autocomplete"; in the child component like this:
<vue-google-autocomplete
ref="autoCompleteAddressHousing"
id="mapHousing"
classname="form-control"
placeholder="Please type your address"
v-on:placechanged="getAddressDataHousing"
country="ca"
>
</vue-google-autocomplete>
It displays a text box to enter address, but Google does not display addresses matching the entered characters. However, when the same code is used in the parent component, it works. Any idea, why