ElementUI中el-table树形结构中折叠符号的位置问题

2022/8/23 ElementUIVue

# 问题描述

VUE 项目中使用 ElementUI 的 el-table 的树形结构,树形折叠符号的位置设置不到第一列的问题

# 解决方案

通过测试发现,这个 el-table 的树形设置的 row-key 值对应的字段在树形数据中的位置有影响,现解决方案有如下两条:

# 解决方案 1

在第一列不设置树形数据的字段,使用如下的序号列,这样第一列就没有使用这个树形数据中的任何字段,进过测试,问题解决。

<el-table-column label="序号" align="left">
  <template v-slot="scope"><span>{{scope.$index+(pageNum - 1) * pageSize + 1}} </span></template>
</el-table-column>

# 解决方案 2

去掉 el-table-column 中的 type 原生属性即可。

最近更新: 7 个月前