带有多个复选框的Vue.js过滤列表

时间:2016-07-14 09:48:32

标签: javascript checkbox filter vue.js

我试图找出如何使用复选框模型数组过滤v-for列表,其中勾选了多个复选框。我发现的其他示例都与我的示例相同 - 只需一次过滤一个复选框。这是我到目前为止的简单演示 - https://jsbin.com/fuzuzucike/1/edit?html,js,console,output,你可以复选框1-3和名单。

如果单击1,则会使用id1过滤名称,但是当您单击2(仍然选择1)时,不会显示任何名称。在这种情况下,我希望显示带有ID 1和2的名称。我在这里遗漏了一些简单的东西,或者是否需要创建自定义过滤器来处理此功能?

非常感谢。

1 个答案:

答案 0 :(得分:1)

不推荐使用过滤器,使用计算属性: https://jsbin.com/jofediqifi/1/edit?html,js,console,output