Vue过滤表项答案

【问题标题】：Vue filter table itemsVue过滤表项
【发布时间】：2020-01-18 14:13:38
【问题描述】：

bootstrap-vue中有这样一个例子：complete-example

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

我正在尝试在我的 vue 项目中重复这个示例。也没有任何反应。

而且我的物品有一个状态选项（“成功”、“警告”、“危险”）。

我有相应的按钮。

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

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

【问题讨论】：

标签： vue.js

【解决方案1】：

请参考以下codepen。只需为“状态”列添加一个复选框。

【讨论】：