Google Autocomplete VS Q-Select
-
Hey everyone,
I have to implement autocomplete feature to my address form. Whenever user types in the name field,
- Need to check if the data is already available from my DB. If so I need to use the Q-Select to show the available addresses(completed this). Please refer below.
- If NO DATA returned from API, I need to call Google API to get the address location which user has typed. Please refer below.
Since Google maps API primarily uses the <input> tag for showing the results, its giving me the following error since I am trying to achieve this in Q-select tag.
I need to have both this feature in a single input field.If someone has any thoughts / ideas on this, please let me know. Thanks!
- Need to check if the data is already available from my DB. If so I need to use the Q-Select to show the available addresses(completed this). Please refer below.
-
@vijay take a look at this thread, seem related to yours https://forum.quasar-framework.org/topic/7541/google-places-autocomplete-using-q-input-not-working-but-works-with-input?_=1615828151585.
-
@metalsadman yayyy!!! It worked.
I targeted the inner Input tag element and passed it in the request to Google. Voila its working!!! Now I can make it work alongside with q-select tag too. Thankyou very much. Damn QUASAR is simply WOW!!!
