<el-tree
            :data="organizationData"
            :props="defaultProps"
            :check-strictly="isAssociate"
            node-key="organizationId"
            :expand-on-click-node="false"
            @check="getCurrentNode"
            ref="tree"
          >
          </el-tree>

    getCurrentNode(nodeObj, nodeState) {
      //判斷當(dāng)前狀態(tài)是選中還是取消選中
      const isCheck = this.$refs.tree.getCheckedNodes().indexOf(nodeObj) > -1
      console.log(isCheck)
   }

    node-key：每個樹節(jié)點用來作為唯一標(biāo)識的屬性，整棵樹應(yīng)該是唯一的。標(biāo)識節(jié)點唯一的鍵值名稱。
	default-checked-keys：對應(yīng)el-tree多選樹組件初始化時默認(rèn)選中ID
	check-strictly：是否嚴(yán)格的遵循父子不互相關(guān)聯(lián)的做法,默認(rèn)為false
	check：當(dāng)復(fù)選框被點擊的時候觸發(fā)的方法

methods：{
	<el-tree
        ref="tree"
        @check="check"           //選中或取消選中都會執(zhí)行該方法
        :check-strictly="true"  //這里需要設(shè)置為true，不設(shè)置會回顯未選中的節(jié)點
        :data="datalist"  //數(shù)據(jù)源  拿接口數(shù)據(jù)賦值就可
        show-checkbox
        node-key="id"
        :default-checked-keys="midPwList"   //這里需要后臺返回id集合數(shù)組 ，給它賦值即可
        :props="{children: 'children',label: 'menuName',value:'id',disabled:disabledFn}">
        <template #default="{node,data}">
            <span class="custom-tree-node" >
            <span>{{ node.label }}</span>
            <span>
                <el-tag closable size="mini" v-for="(item,index) in data.btnBean" @close="cancel(item.id)"  :key="index">{{item.btnname}}</el-tag>
            </span>
            </span>
        </template>
      </el-tree>
      <el-button type="text" size="medium" @click="quanxian(scope.row)">權(quán)限</el-button>

//調(diào)用check事件/下面三個方法都調(diào)用就可以實現(xiàn)，點擊勾選父節(jié)點會跟隨選中子節(jié)點/取消勾選父節(jié)點會跟隨全部取消選中
check(currentObj, treeStatus) {
      // 用于：父子節(jié)點嚴(yán)格互不關(guān)聯(lián)時，父節(jié)點勾選變化時通知子節(jié)點同步變化，實現(xiàn)單向關(guān)聯(lián)。
      let selected = treeStatus.checkedKeys.indexOf(currentObj.id)
      //不等于-1當(dāng)前是選中狀態(tài)
      if (selected !== -1) {
        this.selectedParent(currentObj)
        //統(tǒng)一處理子節(jié)點為相同的勾選狀態(tài)
        this.uniteChildSame(currentObj, true)
      }else {
        //等于 -1 是取消選中狀態(tài)
        this.uniteChildSame(currentObj, false) //
      }
    },
    uniteChildSame(treeList, isSelected) {
      console.log(isSelected);
      this.$refs.tree.setChecked(treeList.id, isSelected)
      if (treeList.children) {
        for (let i = 0; i < treeList.children.length; i++) {
          this.uniteChildSame(treeList.children[i], isSelected)
        }
      }
    },
    selectedParent(currentObj) {
      let currentNode = this.$refs.tree.getNode(currentObj)
      console.log(currentNode);
      if (currentNode.parent.key !== undefined) {
        this.$refs.tree.setChecked(currentNode.parent, true)
        this.selectedParent(currentNode.parent)
      }
    },
    //回顯勾選保存的數(shù)據(jù)
    quanxian(row){
     	 this.$nextTick(()=>{
         this.midPwList = JSON.parse(JSON.stringify(row.listRole));
       })
     }
}