
可以看到有下级没展开是
。有下级展开了是
没有下级了得前面什么符号也没有。
我们只需要替换那两个就可以啦。
有下级用没展开+。展开了用-。

我们只需要覆盖原来得样式,注意要在style里面写,不是style scoped里面。并且
.tree .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.tree .el-icon-caret-right:before {
content: "\E602";
font-size: 18px;
}
.tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
content: "\E63c";
font-size: 18px;
}
至于上面得content得标号怎么来的。我们可以利用浏览器啊。


可以看的element-ui得图标对应得content都可以看到。
按照elemnt-ui得图标得名字去搜看那个加减号对应得content就可以啦。

本文介绍如何在Element UI的树形组件中自定义展开和折叠图标,通过覆盖默认样式实现加减号图标的修改。文章详细解释了如何使用CSS选择器定位到树节点的展开图标,并替换成自定义的图标。
1万+

被折叠的 条评论
为什么被折叠?



