如果表格数据有嵌套关系,就要以树形结构展示,el-table的tree-props属性就是渲染嵌套数据的配置选项
// 要想树形结构出来,必须指定row-key 绑定每行数据的唯一值变量,一般是id
// children字段是只嵌套的子数据,hasChildren字段是指定哪些行包含子节点,这两个字段不能同时存在,否则树形结构就不会显示
<el-table
:tree-props="{children: '嵌套的子数据的字段'}"
row-key="id"
>
如果表格数据有嵌套关系,就要以树形结构展示,el-table的tree-props属性就是渲染嵌套数据的配置选项
// 要想树形结构出来,必须指定row-key 绑定每行数据的唯一值变量,一般是id
// children字段是只嵌套的子数据,hasChildren字段是指定哪些行包含子节点,这两个字段不能同时存在,否则树形结构就不会显示
<el-table
:tree-props="{children: '嵌套的子数据的字段'}"
row-key="id"
>