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>