element tree树形控件自定义图标以及隐藏自带箭头

今天做一个需求，树形控件展示数据，但领导觉得element自带的树形控件箭头不好看，

 想要换成加减号的，没办法，谁让我就宠着他呢，在网上看了一堆文件，基本上自定义图标都很明确的介绍了如何操作。但是还是没有隐藏自带的图标，我看了一下内容，自己找了找方法，最终效果就是这样实现了，现在给大家说一下具体的操作情况

          
            <-- 没有子级所展示的图标 -->
            <-- 展开后的图标 -->
            <-- 未展开的图标 -->
            

              {{ node.label }}
              

                王者峡谷部 李白
                剩 30 天
              
            
          
        

这个是组件中的内容。下图是初步完成后的效果

 组件中的加号减号已经加上了，现在就是把箭头去掉，我试了一些方法，要么隐藏后直接消失，新添加的图标无法触发展开功能，要么就是隐藏后位置不对。所以我用到了opacity这个属性，下面是配置的css

// 自定义图标中隐藏自带箭头
  ::v-deep .el-tree-node__content>.el-tree-node__expand-icon {
    position: absolute;
    opacity: 0;
  }

  ::v-deep .el-tree-node__content {
    position: relative;
  }

设置好后是这样的效果