vue element全选

 //checkbox   当change后,自动改变了check值
 
  //单选     
  <el-checkbox v-model="it.checked" :checked="item.checked"  @change="changeItemC"></el-checkbox>

  <el-checkbox v-model="allChecked" :checked="allChecked"  @change="handleAllcheck">全选</el-checkbox>
  
  created(){
      this.changeItemC();  //先执行一次，确认全选true or false;
  }
  methods:{
     //单个复选 控制全选
      changeItemC(){
          var tempB = true;
          this.tableData.forEach(item=>{
              if(!item.checked){
                  tempB = false;
              }
          })
          this.tableDown[0].allChecked = tempB;
      },
      //全选 控制每个复选框
      handleAllcheck(val){
          this.tableData.forEach(item=>{
                item.checked = this.tableDown[0].allChecked;
          });
      },    
}