element plus中tree組件的使用以及自定義圖標

<el-tree
      :data="data"
      node-key="id"
      ref="tree"
      icon-class="el-icon-share"
      :props="defaultProps">
      <template #default="scope">
        <div class="custom-node">
          <i class="el-icon-edit"></i>
          <span>{{scope.node.label}}</span>
        </div>
      </template>
    </el-tree>

通過slot插槽可以自定義節點內容，如果想替換圖標，需要自定義圖標並把之前的圖標隱藏