el-table 树形表格 自定义展开图标_实践一个树形组件

好的，关于 el-table 树形表格的自定义展开图标，可以通过以下步骤实现：

1. 首先，在 el-table 的 column 中，需要设置 type 属性为 'expand'，表示该列是展开列；

2. 然后，在该列的 slot-scope 中，可以使用 el-table-column 的 $scopedSlots 属性，指定该列的展开图标和收起图标，代码如下：

<el-table-column type="expand">
  <template slot-scope="props">
    <div class="expand-icon-container" @click="handleExpand(props.row)">
      <!-- 自定义展开图标 -->
      <i v-if="props.expanded" class="el-icon-minus"></i>
      <i v-else class="el-icon-plus"></i>
    </div>
  </template>
</el-table-column>

3. 在 handleExpand 方法中，可以处理展开和收起事件，例如：

methods: {
  handleExpand(row) {
    this.$refs.table.toggleRowExpansion(row);
  }
}

其中，this.$refs.table 是 el-table 的引用，toggleRowExpansion 方法用于展开或收起指定行。

以上就是实现 el-table 树形表格自定义展开图标的步骤。希望能对你有所帮助。