vue3 el-checkbox 筛选勾选项

在 Vue 3 中，如果你想要筛选一个数组中使用了 el-checkbox 组件的所有勾选项，你可以通过绑定 v-model 到每个 el-checkbox 并使用计算属性（computed properties）或方法来处理这些勾选项。下面是一些实现这个功能的方法：

方法 1：使用计算属性

首先，确保你已经安装并引入了 Element Plus。

npm install element-plus --save

在你的 Vue 组件中：

方法 2：使用方法筛选勾选项

如果你需要更复杂的逻辑来处理勾选的项，可以使用方法：

在这个例子中，handleCheckboxChange 方法在每次复选框状态改变时被调用，用来更新 selectedItems，这是一个根据 checkedItems 过滤后的数组，包含所有勾选的详细项信息。你可以根据需要调整 selectedItems 的内容，例如直接使用 checkedItems 来显示简单的值列表，或者像示例中那样显示更详细的项信息。