el-tree实现全选(子节点选择同时反向影响全选按钮)

在网上查找了很久,发现网上目前只有单独的全选功能,没有实现选择子节点后,来影响全选按钮的样式,下面直接上代码

首先是template部分

然后是js部分

data(){

    return {
        new_task_form:{
            "case_checkAll":false //全选按钮的绑定值
        },
        isIndeterminate:false,//全选按钮的全选,半选样式 
    }
},
methods:{
    case_check_change(node1,node2,node3){//树节点check事件
            let checked_count = 0;//被勾选上的一级节点个数
            let disabled_count = 0;//置灰的一级节点个数
            let indeterminate_flag = false;//有没有一级节点处于半选状态
            //遍历所有一级节点
            for(let i=0;i

你可能感兴趣的:(前端,vue,vue.js,elementui,javascript)