如何在vue-multiselect组件中设置默认搜索查询？

Question

我用的是vue-multiselect。https://vue-multiselect.js.org

我的模板看起来像这样。

<multiselect v-model="value" :options="options" searchable="true"></multiselect>

默认情况下，打开multiselect时，搜索查询为空。

我希望默认的搜索查询等于v-模型。

Answer 1

单一选择：

<multiselect v-model="value" :options="options" :custom-label="nameWithLang" placeholder="Select one" label="name" track-by="name"></multiselect>

data: () => ({
    value: {name: 'MyValue', text: 'MyText'},
    options: [{name: 'MyValue', text: 'MyText'}]
}),
methods: {
    methods: {
        nameWithLang ({ name, text }) {
          return `${name} — [${text}]`
        }
      }
}

多重选择：

data: () => ({
    value: [{name: 'MyValue', text: 'MyText'}],
    options: [{name: 'MyValue', text: 'MyText'}]
})