Vue过滤器表项目

Question

bootstrap-vue中有这样的示例：complete-example

但是当我选择按名称过滤时，什么也没发生。

我正在尝试在我的vue项目中重复此示例。也什么也没发生。

codesandbox

我的物品有状态选项（“成功”，“警告”，“危险”）。

我有相应的按钮。

问题：如何通过单击相应的按钮来过滤项目？以及如何通过单击复选框来过滤项目？

codesandbox

P.S：bootstrap-vue 2.0.1，bootstrap 4.3.1，vue 2.6.10

Answer 1

请参考以下代码笔。只需在“状态”列中再添加一个复选框即可。

https://codesandbox.io/s/vue-template-owbfo