[Request] Autocomplete extra parameter for server-side search

[dmig]

Right now @search handler of QAutocomplete receives only 2 parameters: search term and done callback.
I faced a situation, where I want to use one handler for multiple Autocomplete fields. The only thing I miss -- is the way to pass parameter to distinguish these fields.

E.g.:

<template>
  <q-input>
    <q-autocomplete @search="search" extra="field-name"/>
  </q-input>
</template>

<script>
// ...
search (term, done, extra) {
  this.$http.get('/api/autocomplete/mytable/'+extra+'/'+term).then(response => {
    done(response.data)
  }, err => { done([]) })
}
// ...

[Mohanrau]

@dmig you can pass extra like this

search (terms, done) {
        let query = {
          country_id: this.filterData.countryID,
          category_id: this.filterData.categoryID,
          text: terms
        }
        this.getProductSearchAction(query).then(res => {
          done(this.productSearchData.list)
        })
      },

[dmig]

@Mohanrau I need to pass extra data from component declaration, so your solution won't help.
Currenly I solved it like this:

<template>
...
<q-autocomplete :min-characters="2" :max-results="10" @search="search_a" />
...
<q-autocomplete :min-characters="2" :max-results="10" @search="search_b" />
...
<q-autocomplete :min-characters="2" :max-results="10" @search="search_c" />
...
</template>
<script>
// ...
let search_methods = {};
['a', 'b', 'c'].forEach(n => {
  search_methods['search_' + n] = (term, done) => {
    Vue.http.get('/api/endpoint/{field}', {params: {term, field: n}})
      .then(response => done(response.data), err => {
        console.error(err)
        done([])
      })
  }
})
// ...
  methods: {
  // ...
    ...search_methods
  // ...
  }
// ...
</script>

Vue object as 3rd parameter to search handler would also help.

[rstoenescu]

<template>
  <q-input>
    <q-autocomplete @search="(terms, done) => mySearch(terms, done, 'field-name')" />
    <!-- mySearch (terms, done, extra) -->
  </q-input>
</template>