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

我正在使用vue multiselect

我的模板看起来像这样

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

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

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

单选：

<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}]`
        }
      }
}

---

这是将所选值设置为nameWithLang值。但是，搜索查询仍然保持不变。很难发布我的示例，但即使使用您的代码（我在官方网站上看到），在单击自定义标签后，标签消失，并显示带有占位符“Select One”的搜索输入框。我希望设置此搜索输入框的默认值，默认情况下不为空。请举一个最简单的示例说明如何使用它。请注意，单击“选择”按钮时，搜索框始终为空。我希望默认搜索值为所选值且不为空。看看这是否解决了您的问题@KaranBains

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