Vue.js篩選列表與多個複選框

我想解決如何篩選使用複選框模型數組，您有多個複選框打勾的v-for列表。我發現的其他例子與我的例子一樣 - 只是一次過濾一個複選框。這裏是我迄今爲止的一個簡單演示 - https://jsbin.com/fuzuzucike/1/edit?html,js,console,output，因爲您可以選中複選框1-3和名稱列表。Vue.js篩選列表與多個複選框

如果您單擊1，它會使用id1過濾名稱，但當您單擊2（仍然選中1）時，不會顯示名稱。在這種情況下，我想要顯示帶有ID 1和2的名稱。我在這裏錯過了一些簡單的東西，還是不得不創建一個自定義過濾器來處理這個功能？

非常感謝。

來源

2016-07-14 wireless-g

過濾器已被棄用，使用計算性能： https://jsbin.com/jofediqifi/1/edit?html,js,console,output

來源

2016-07-14 10:25:59 gurghet

這太棒了謝謝！我從來沒有這樣想過，但它總是有意義的。 –

Vue.js篩選列表與多個複選框

回答

相關問題