el-tree动态图标

项目需要动态添加图标 公司部门系统 想到啦el-tree

网上的代码我直接裂开 瞎写
element自定义图标方法 { node, data }

<el-tree
        empty-text="-"
        :data="data"
        :props="defaultProps"
        @node-click="handleNodeClick"
        node-key="id"
        default-expand-all
      >
        <span class="custom-tree-node" slot-scope="{ node, data }">
          <span> <i style="color:#a3ddeb;" class="iconfont"  :class="data.icon"></i>  {{ node.label }} </span>
        </span>
      </el-tree>

网上的都是node.icon 根本加载不出来图标，要用data