1. 程式人生 > 其它 >el-tree 點選父級或者父級的checkbox,展開所有子集

el-tree 點選父級或者父級的checkbox,展開所有子集

<el-tree
                :data="authData"
                show-checkbox
                :check-strictly="true"
                :check-on-click-node="true"
                node-key="_id"
                ref="yourTreeId"
                @check-change="getCheckedKeys"
                highlight-current
               
                :props="defaultProps"
                :filter-node-method="filterAuthData"
                @check="handleCheck
" > </el-tree>

  

 methods: {
    //點選父級展開所有子選單
    handleCheck(data){
      let expandedData = this.$refs.yourTreeId.store.nodesMap;
       expandedData[data._id].expanded = true;
       if(data?.children?.length){ //有多少層子集,迴圈多少次
          data?.children?.map(obj=>{
            expandedData[obj._id].expanded = true;
            if(obj?.children?.length){
              obj.children.map(obj2=>{
                expandedData[obj2._id].expanded = true;
              })
            }
          })
       }
    },

}