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

Question

我正在使用 vue 多选。https://vue-multiselect.js.org

我的模板看起来像这样。

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

默认情况下，当我打开多选时，搜索查询为空。

我希望默认搜索查询等于 v-model。

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'}]
})