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


// 修改树形图样式,如果不含有下箭头的块,要变成行内样式
        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>

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM