Vue element-ui el-cascader如何实现仅支持末级选项的多选功能？

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

目录 + element-ui + el-cascader：实现级联选择全选功能

element-ui 的 el-cascader 组件默认只能进行末级多选。本文将扩展实现 el-cascader 的全选功能，并展示如何使用 CSS 完成样式调整。

element-ui + el-cascader：实现全选功能，思路如下：

element-ui + el-cascader：仅能末级多选 + 需求：我们希望直接使用 CSS 实现 + /deep/ .el-cascader-panel:first-child

目录

• element-ui el-cascader只能末级多选
• 扩展实现element-ui中el-cascader全选功能
• 实现思路如下

element-ui el-cascader只能末级多选

像这样的需求我们直接可以用css完成

/deep/.el-cascader-panel:first-child .el-checkbox{ display:none; }

扩展实现element-ui中el-cascader全选功能

重所周知，element-ui中的cascader中，没有对所有子节点的全选功能。