前言

最近使用vue开发时需要用到check全选然后选中这个类目下的其他checkbox功能。网上能找到的方法就是使用indeterminate。但是当我使用的时候始终不对，要不是点了没反应就是显示的不是√和空而是 - 和空emmm，最后解决方案。

功能介绍

对于indeterminate和v-model绑定的hdIsIndeterminate和hdCheckAll的值
如果true true 或者 true false样式为-
如果false true样式为√
如果false false样式为不勾

踩坑

使用的时候，目标非常明确，我这里当然是要采用 false true模式和 false false模式。但是当我用的时候出问题了。直接点不动，或者选中一次后第二次就点不动了。这~~~。

解决方案

当然在我不断的轮番折腾下，最终找到解决方案。只要重复设置一下isIndeterminate然后再将isIndeterminate设置为false就可以了

handleCheckAllChange(e) {
 this.isIndeterminate = e 
 this.isIndeterminate = !e 
//在这里写子checkbox 的checked=true

 this.isIndeterminate = false
}

 
1
2
3
4
5
6
7