Vue Multiselect數據綁定

我終於發現了一個出色的搜索選擇Vue組件https://github.com/monterail/vue-multiselect。Vue Multiselect數據綁定

唯一的問題是，如果您將對象數組作爲選項提供給它，則數據綁定到整個對象，而不僅僅是值。

這裏是一個奇怪的創建8小時我的追求開始前的問題：

https://github.com/monterail/vue-multiselect/issues/263

我必須失去了一些東西。任何幫助不勝感激。

2017-02-15 Bryan

好像這就是我希望它的工作。這會爲你創造什麼問題？ –

我也希望他們有一個解決方案，只是將值綁定回模型，但似乎並不支持這一點。在使用名稱/值對時遇到類似的問題。我只想回發這個值，而這個名字只是用作標籤/顯示。我只是使用一些JavaScript來找出vue-multiselect組件的值，並將其映射到我的代碼中的一個變量。這是一個黑客，但它的工作原理。 –

根據VUE-多選，的文檔它表明：對象，字符串或整數：

可用選項的陣列。
如果數組對象，可見標籤將默認爲option.label。
如果labal支柱通過，標籤將等於選項[ '標籤']
@type {陣列} */ 選項：{ 類型：陣列，需要：真 }，

所以，它的預期綁定到提供的列表中的所有對象，而選項可以被分配給對象的標籤屬性，像這樣：

[... { 標籤：「選項1」，otherdata .. }，{ 標籤「選項2」，otherdata .. }， ] ...

來源

2017-05-30 08:01:26

Vue Multiselect數據綁定

回答

相關問題