Quasar Auto Complete with update options
-
Hello , I wold like to make some auto complete like this -
in quasar , it has in selection a autocomplete like that -
https://quasar.dev/vue-components/select#Customizing-menu-optionsBut my question is , in quasar example , we get All the data at the same time , I wold like to know if has some way to upload the stringOptions below , if the user type more than 3 letters , it makes a new search in database .
Becose in case, it will search more than 3.000 registers , I cant populate the all the data in the stringOptions at the same time .
this is the quasa example -
<q-select filled v-model="model" use-input hide-selected fill-input input-debounce="0" :options="options" @filter="filterFn" hint="Minimum 2 characters to trigger filtering" style="width: 250px; padding-bottom: 32px" >
those options , I want to update the stringOptions , becose in has more than 3.000 registers , I cant populate all at the same time , if the user type more than 3 letters it change the options .
const stringOptions = [ 'Google', 'Facebook', 'Twitter', 'Apple', 'Oracle' ] export default { data () { return { model: null, options: stringOptions } },
-
This q-select example loads new options when scroll reaches the end:
https://quasar.dev/vue-components/select#Example--Dynamic-loading-options