1.替换前面的三角形
html:
<span v-if="data.children.length" @click.stop="handleClick(node,data)">
<ZhIcon class="defaultColor" :class="{activeBg:node.expanded}" :name="node.expanded?'zh-icon-zdxcengjizhankai':'zh-icon-zdxcengji'" size="15px" />
</span>
js:
handleClick(node, data) {
// 点击图片时展开或收起节点
if (node.expanded) {
node.collapse()
} else {
node.expand()
}
},
隐藏小三角(也可使用饿了么的icon的图,前提是ui同意)
::v-deep {
.el-tree .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
color: #0d838c;
display: none;
}
.line-tree .el-tree-node .el-tree-node {
padding: 0;
}
.el-tree .el-icon-caret-right:before {
content: "\e78a";
display: none;
font-size: 18px;
padding-left: 15px;
}
.el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
content: "\e784";
display: none;
font-size: 18px;
padding-left: 15px;
}
}