// 修改樹形圖樣式,如果不含有下箭頭的塊,要變成行內樣式 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>