问题详情
如下图所示,将树形图包裹在panel中,超出最大宽高则横向或纵向滚动,但高亮设置的是当前选中节点的content,设置宽度100%,就会造成下图情况。
解决方法
覆盖原有高亮样式,给所有节点设置class为row-context,并设置row-context的样式,直接对高亮下的该容器设置样式,造成伪高亮效果(非组件自带高亮效果)
.el-tree-node.is-current > .el-tree-node__content {
background: #fff;
color: #4a97eb;
.row-context {
background: #f4f9ff;
width: auto;
border: 1px solid #4a97eb;
padding: 5px 5px 5px 0;
}
}