码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-05-15 14:26:04      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:rip   index   覆盖   箭头   mission   ret   any   自己   全局   

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

  

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

标签:rip   index   覆盖   箭头   mission   ret   any   自己   全局   

原文地址:https://www.cnblogs.com/holy-amy/p/10868941.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!