element ui Checkbox多选框的半选、不选、选中状态控制

备选项

在实际使用中,经常有多层级目录的半选、不选、选中状态切换,会用到indeterminate属性

element ui Checkbox多选框的半选、不选、选中状态控制_第1张图片

 如上图组件示例的解释说“一般用于实现全选的效果”这句,有些让人迷惑。

个人理解,在需要区别半选、全选状态时,才需要indeterminate 属性,它只负责半选样式控制,在值为true的情况下,多选框显示半选效果

比如:

备选项

显示选中时的条件:checked == true;isIndeterminate == false 
显示不选中时的条件: checked == false ; isIndeterminate == false
显示半选时的条件: checked == false; isIndeterminate == false

你可能感兴趣的:(html5,html,css)