el-tree 更改icon颜色（下拉箭头）解决无children的子级也会出现下拉箭头

做项目时要给下拉箭头改颜色，网上有很多 但是没有提到改颜色可能出现的问题，那就是更改颜色过后 导致无children的子级也会出现下拉箭头的问题。

这是el-tree icon本来的颜色

根据上面的类名更改颜色

.el-tree-node__expand-icon {
	color: #01b7c9;
}

但出现了问题 困扰我很长时间 就是可以看到这次不管有没有children都出现了这个icon

 这个问题搜了好久 发现没人说这个问题，那我就发一下

 我们可以看到 在数组织没有子级的也就是没有children的时候他也会有icon 只不过颜色是透明的！

 这样我们只需要改变.el-tree-node__expand-icon.is-leaf这个类名重新设置成透明就可以了。记得要加!important

.el-tree-node__expand-icon.is-leaf {
	color: transparent!important;
}

补一张完成图

 

 

 一共就两行代码

.el-tree-node__expand-icon {
	 color: #01b7c9;
}
// 改变颜色后，这个一定要设成透明
.el-tree-node__expand-icon.is-leaf {
	color: transparent!important;
}

如有不对，请多指教！！！