老板给了个功能 说十字比较好看让做一个十字的tree组件
组件中的
做好的
具体代码
<el-tree :data="quanxian" :props="defaultProps" default-expand-all>
<span class="custom-tree-node" slot-scope="{ node, data }" style="display: flex;">
<i v-if="!data.children" class=""></i>
<i v-else-if="node.expanded" class="el-icon-minus"></i>
<i v-else class="el-icon-plus"></i>
<div style="display: flex;justify-content: space-between;width: 50vw;">
<span><i v-show="!data.children" class="el-icon-user-solid"></i>{{ data.title }}</span>
<div style="position: absolute; right: 0;">
<span>英雄联盟</span>
<span>王者峡谷</span>
</div>
</div>
</span>
</el-tree>
利用底层选择器将前面的倒三角去掉
::v-deep .el-tree-node__expand-icon {
display: none !important;
}