Vue-Multiselect中的「未定義」組標籤？

Question

我是Vue的新手，並從各種教程中改進了這些代碼。

但是，我在這裏遇到了這個「未定義」的組名問題。

的.html：

<multiselect 
    v-model="value" 
    :options="options" 
    :multiple="true" 
    track-by="name" 
    :hide-selected="true" 
    :custom-label="customLabel" 
    :searchable="false" 
    placeholder="" 
    group-values="details" 
    group-label="groupDivision" 
    > 
    </multiselect> 

的.js：

new Vue({ 
    components: { 
    Multiselect: VueMultiselect.default 
    }, 
    data: { 
    value: { groupDivision: 'Government', 
      name: 'Fish', 
      contact: 'Fish@.com' }, 

    options: [ 

     { 
     groupDivision: 'Governemnt', 
     details:[ 
     { name: 'Fish', contact: 'Fish@.com' }, 
     { name: 'Police', contact: 'Police@.com' }, 
     { name: 'Society', contact: 'Society@.com' } 
     ] 
     }, 
     { 
     groupDivision: 'Media', 
     details:[ 
     { name: 'BBC', contact: 'BBC@.com' }, 
     { name: 'CNN', contact: 'CNN@.com' }, 
     { name: 'CBC', contact: 'CBC@.com' } 
     ] 
     }, 
    ] 
    }, 
    methods: { 
    customLabel (option) { 
     return `${option.name}` 
    } 
    } 
}).$mount('#app') 

我已經設置了 「組標籤」，但它仍然顯示 「未定義」。

有沒有人有想法是什麼問題？提前致謝！

鏈接代碼： https://codepen.io/dennis-leeyinghui/pen/VzybrR

Answer 1

它已經固定here問題，

與此，而不是取代你的vue-select：

https://unpkg.com/vue-multiselect@2.0.0-beta.15/dist/vue-multiselect.min.js 

Answer 2

應該a bug fixed in v2.0.2，你的代碼最新VUE，多選打得很好。
檢查webpackbin here。