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;
              })
            }
          })
       }
    },

}

  

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章