vue.js - Vue过滤表项

Question

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

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

我试图在我的 vue 项目中重复这个例子。也没有任何事情发生。

密码箱

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

我有相应的按钮。

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

密码箱

PS：bootstrap-vue 2.0.1、bootstrap 4.3.1、vue 2.6.10

标签： vue.js

Answer 1

Please refer the following codepen. Just add one more checkbox for the Status column.

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