This component and API can be found at https://github.com/vueform/multiselect
| Event | Attributes | Description |
|---|---|---|
| @search-change | query, select$ | Emitted after a character is typed. |
I am trying to access select$.filteredOptions
methods: {
inputQuery(query, select$){
console.log(query, select$);
},
When I log in the console: "query"- these are the symbols I inputted "select$" - shows as undefined, but it should represent the "proxy" of this select
It seems like this issue may have occurred because Multiselect was called through an intermediary component.
<SelectComponent v-model="countryId" :options="countries" />
#SelectComponent.vue
<Multiselect
:options="options"
@search-change="inputQuery"
Props and events are passed here so that it works for all selects in the app
Any suggestions on how to get "select$" to display properly?
Even emitting events does not solve the issue for me
<SelectComponent @searchChange="inputQuery2" />
methods: {
inputQuery2(query,select$){
console.log(query,select$);
},
#SelectComponent.vue
<Multiselect
@search-change="inputQuery"
emits: ['search-change'],
methods: {
inputQuery(query,select$){
this.$emit('search-change', query, select$);
},