最近vue项目需要用到三级CheckBox复选框,需要实现全选反选不确定三种状态。但是element-ui table只支持多选行,并不能支持三级及以上的多选,下面通过本文给大家讲解实现方法。因为此处是三级复选,所以函数为三个change,具体有详细注释可以查看以下是页面完整组件代码可以使用预览好了,以后使用三级甚至多级复选都可以使用此方法添加change代码即可。

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码

vue基于element-ui的三级CheckBox复选框功能的实现代码