我正在使用Vue-multiselect。

选项是通过HTML传递的，而不是Vue.js（由Laravel刀片注入）中的数据，如下所示：

<div id="app">
  <multiselect 
    v-model="value" 
    :options="[
        {   name: 'Melon',id: '10' },{ name: 'Apple',id: '14' },{ name: 'Funny',id: '32' }
    ]"
    :multiple="true"
    track-by="id"
    label='name'
    >
  </multiselect>
  <pre>{{ value }}</pre>
</div>

我只想按其ID选择该选项。

例如，如果我仅知道ID为Melon，该如何选择10？

以下内容无效：

this.value = 10

因为值属性应该是整个选项对象，例如{name: 'Melon',id: '10'}。我也无法访问options列表，因为它没有分配给值options，因为我必须将数据注入HTML。

那是JS：

new Vue({
    components: {
    Multiselect: window.VueMultiselect.default
    },data: {
    value: '',}
}).$mount('#app')

这里是jsFiddle