vue 多选过滤器（获取 select$）

Question

这是组件和 API https://github.com/vueform/multiselect

事件	属性	描述
@搜索更改	查询，选择$	在输入字符后发出。

我需要得到 select$.filteredOptions

  methods: {
    inputQuery(query, select$){
      console.log(query, select$);
    },

在控制台中：“查询”-这是符号，我输入了“select$”-未定义，但它应该是“代理”这个 select

也许这个麻烦是由于 Multiselect 是通过中间组件提出的。

<SelectComponent v-model="countryId" :options="countries" />    
    

#SelectComponent.vue

<Multiselect
      :options="options"
      @search-change="inputQuery"

这里也传递了道具和事件，因此它适用于应用程序中的所有 select
有人可以告诉我可以做些什么来查看“select$”吗？

发射事件对我没有帮助

<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$);
    },

Answer 1

您似乎正在使用 Multiselect 组件条目的异步 promise 变体。

您可以尝试更改方法设置以支持异步操作：（另请注意，您在“查询”之后缺少空格键）

methods: {
async inputQuery(query, select$) {