How do I preselect a vue-multiselect option when options is an array of objects?

Har*_*San 7 arrays preset vue.js vuejs2 vue-multiselect

我想在由vue-multiselect.
如果我有一个像下面这样的简单字符串数组,我可以让它正常工作:

['Test 1', 'Test 2', 'Test 3']
Run Code Online (Sandbox Code Playgroud)

但是,当我使用一组对象时,我无法让它工作。例如,如果我有以下内容:

<v-multiselect :options="[{id: 1, name: 'Test 1'}, {id: 2, name: 'Test 2'}, {id: 3, name: 'Test 3'}]"
               label="name"
               track-by="id"
               v-model="test">
</v-multiselect>
Run Code Online (Sandbox Code Playgroud)

无论我设置了testv-model 连接到的数据属性,它都不会预选该值。我试过1, 2, 3, '1', '2'and '3'for testwhen track-byis idand'Test 1'等 when track-byisname但似乎没有任何效果。

我在这里做错了什么?我查看了https://vue-multiselect.js.org/#sub-single-select-object上的文档,但是当您想为一组对象预设一个值时,它们似乎没有提供示例选项。谷歌搜索也没有返回我正在寻找的东西。

在相关主题上,一旦我开始工作,当我将组件设置为时,我需要更改什么才能选择多个值multiple?谢谢你。

Ste*_*gin 1

看起来像一个错误。解决方法是使用对object

Vue.component('v-multiselect', window.VueMultiselect.default);
let testOptions=[{id: 1, name: 'Test 1'}, {id: 2, name: 'Test 2'}, {id: 3, name: 'Test 3'}]
new Vue({
  el: '#app',
  data: function () {
    return {
      test: testOptions[1], // <- use an object ref here!
      testOptions
    };
  }
});
Run Code Online (Sandbox Code Playgroud)