Question

我正在使用vue-multiselect。 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'}]
})

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

1 个答案: