ElementUI中el-tree树形结构默认三角形改成加减号

Element UI 的 `el-tree` 组件默认使用三角形图标表示节点的展开和折叠状态，如果你想将其改为加减号（+/-），这需要一些自定义样式和JavaScript处理。首先，你需要禁用Element UI的内置递归图标，然后你可以创建一个自定义的箭头组件或者直接使用HTML和CSS来实现加减号效果。

1. 首先，在模板 (`template`) 中禁用默认的递归图标：

<template>
  <el-tree :props="treeProps" :default-expand-all="true" :load="loadNode" node-key="id">
    <span slot-scope="{ node, $index }">{{ node.label }}</span>
  </el-tree>
</template>

2. 然后，添加一个自定义的 `expand-icon` 或者 `collapse-icon` 属性，并通过 CSS 样式覆盖原有样式：

<template>
  <el-tree :props="treeProps" :default-expand-all="true" :load="loadNode" node-key="id"
           :expand-icon="customExpandIcon" :collapse-icon="customCollapseIcon">
    ...
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      customExpandIcon: '<i class="fas fa-plus"></i>', // 或者 '<i class="fas fa-minus"></i>'
      customCollapseIcon: '<i class="fas fa-minus"></i>', // 或者 '<i class="fas fa-plus"></i>'
    };
  },
  ...
}
</script>

<style scoped>
.el-tree-node__expand-icon,
.el-tree-node__collapse-icon {
  display: inline-block;
  font-size: inherit; /* 或者设置合适的大小 */
}
</style>

这里假设你已经引入了 Font Awesome 的减号（fa-minus）和加号（fa-plus）图标库。