element树形表格修改树形箭头 使用使用element图标

首先，在 element 树形表格中，箭头是通过 CSS 样式来绘制的。因此，我们可以通过修改 CSS 样式来更改箭头的图标。

要使用 element 图标，我们可以使用 element 的 iconfont 图标库。首先，我们需要在项目中引入 iconfont 样式文件：

<link rel="stylesheet" href="//unpkg.com/element-ui/lib/theme-chalk/icon.css">

然后，我们可以在 CSS 样式中使用 element 的图标类名来设置箭头的图标。例如，要使用 element 的向下箭头图标，可以使用以下样式：

.el-tree-node__expand-icon::before {
  content: '\e6ae'; /* element 向下箭头图标的 unicode 编码 */
  font-family: 'element-icons'; /* 指定 iconfont 的字体 */
}

完整的示例代码如下：

<template>
  <el-tree :data="data" :props="props" :default-expand-all="true"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '一级 1',
          children: [
            {
              label: '二级 1-1',
              children: [
                {
                  label: '三级 1-1-1'
                },
                {
                  label: '三级 1-1-2'
                }
              ]
            },
            {
              label: '二级 1-2',
              children: [
                {
                  label: '三级 1-2-1'
                },
                {
                  label: '三级 1-2-2'
                }
              ]
            }
          ]
        },
        {
          label: '一级 2',
          children: [
            {
              label: '二级 2-1',
              children: [
                {
                  label: '三级 2-1-1'
                },
                {
                  label: '三级 2-1-2'
                }
              ]
            },
            {
              label: '二级 2-2',
              children: [
                {
                  label: '三级 2-2-1'
                },
                {
                  label: '三级 2-2-2'
                }
              ]
            }
          ]
        }
      ],
      props: {
        label: 'label',
        children: 'children'
      }
    }
  }
}
</script>

<style>
.el-tree-node__expand-icon::before {
  content: '\e6ae'; /* element 向下箭头图标的 unicode 编码 */
  font-family: 'element-icons'; /* 指定 iconfont 的字体 */
}

.el-tree-node.is-expanded > .el-tree-node__expand-icon::before {
  content: '\e6b4'; /* element 向上箭头图标的 unicode 编码 */
  font-family: 'element-icons'; /* 指定 iconfont 的字体 */
}
</style>