1. 選擇父級(jí) 自動(dòng) 選擇子級(jí)
2. 選擇子級(jí)自動(dòng)選擇父級(jí)
3. 取消子級(jí)不取消父級(jí)

<el-tree
    ref="permissionNode"
    :props="props"
    :data="all_permission"
    node-key="id"
    check-strictly
    @check="handleCheck"
    @check-change="handleCheckChange"
></el-tree>

    data() {
        return {
          props: {
                // label: 'title',
                children: "children"
          },
          all_permission:[{
                id:1,
                label: "父級(jí)" 
                children:[{
                      label: "子級(jí)"
                      parentId: 1, 
               }]
          }]
        };
    },

methods:{
    selectChildren(data) {
        data && data.children && data.children.map(item => {
            this.$refs.permissionNode.setChecked(item.id, true);
            if (data.children) {
                this.selectChildren(item)
            }
        });
    },
    handleCheck(data, { checkedKeys }) {
        // 節(jié)點(diǎn)所對(duì)應(yīng)的對(duì)象、節(jié)點(diǎn)本身是否被選中、節(jié)點(diǎn)的子樹中是否有被選中的節(jié)點(diǎn)
        //如果為取消
        if (checkedKeys.includes(data.id)) {
            //如果當(dāng)前節(jié)點(diǎn)有子集
            this.selectChildren(data);
        }

    },
handleCheckChange(data, checked, indeterminate) {
    // 節(jié)點(diǎn)所對(duì)應(yīng)的對(duì)象、節(jié)點(diǎn)本身是否被選中、節(jié)點(diǎn)的子樹中是否有被選中的節(jié)點(diǎn)
    //如果為取消
    if (checked === false) {
        //如果當(dāng)前節(jié)點(diǎn)有子集
        if (data.children) {
            //循環(huán)子集將他們的選中取消
            data.children.map(item => {
                this.$refs.permissionNode.setChecked(item.id, false);
            });
        }
    } else {
        //否則(為選中狀態(tài))
        //判斷父節(jié)點(diǎn)id是否為空
        if (data.parentId !== 0) {
            //如果不為空則將其選中
            this.$refs.permissionNode.setChecked(data.parentId, true);
        }
    }

    var check = this.$refs.permissionNode.getCheckedNodes();
    console.log(data, checked, indeterminate,check);
},
}