Vue-Multiselectの "Undefined"グループラベル？

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を確認してください。