element-ui的树型结构图，带有复选框的，没有子项的，横排展示

Posted 2021-11-30 holy-amy

// 修改树形图样式，如果不含有下箭头的块，要变成行内样式
        treeChildInline(){
            let hasCaretRight = $("#permission_panel").find(".is-leaf");
            $.each(hasCaretRight,(index:number,item:any)=>{
                let hasChildNodeList= item.closest(‘.el-tree-node‘);
                item.closest(‘.el-tree-node‘).style.display = ‘inline-block‘;
            });
        },





//由于element-ui,样式设置为不换行，所以要修改称换行处理，否则小屏幕会导致，展示不全，被隐藏了

// 本例#permission_panel仅仅只是增加作用域，防止全局覆盖，只针对想实现的地方处理，如果因为有全局自己修改覆盖，导致失效请用!important,最高级执行覆盖

<style>
    #permission_panel .el-tree-node{
        white-space: normal;
    }
</style>