如何实现el-select下拉框多选中的全选功能？

本文共计802个文字，预计阅读时间需要4分钟。

在实现功能时，发现el-select组件支持多选，但实际不支持全选。无奈之下，自行实现了一下。以下是两种方法，第二种方法感觉简单一些：

方法一：下拉项增加一个【全选】，然后根据全选状态来选择所有项。

方法二：在获取选项数据时，添加一个全选的选项，默认不选中，然后根据选中项的数量来判断是否全选。

在写一个功能时发现el-select支持多选，但是竟然不支持全选，好无语哦，那就自己实现一下吧~有两种方法，第二种感觉简单些

方法一：下拉项增加一个，然后应该有以下几种情况：

1. 下拉选项全都勾选时，自动勾选；
2. 下拉选项部分勾选时，点击后，所有下拉项全部勾选；
3. 下拉选项全都未勾选时，点击后，所有下拉选项不勾选；
4. 下拉选项和都选上的时候，不勾选任意下拉选项，按钮就不勾选了；

上面就是我要实现的功能，我好啰嗦。。。还是看代码吧。。。