参考样式:父表格可展开显示子表格
安装好后复制以下代码
<el-table :data="postList" @selection-change="handleSelectionChange" >
<el-table-column align="center" type="expand">
<template #default="scopes">
//scopes.row.list的list是后端返给前端大数组中的子数组名称,list改为你的子数组名称即可
<el-table:data="scopes.row.list">
<el-table-column label="姓名" prop="name"></el-table-column>
<el-table-column label="创建时间" prop="create_time"></el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column label="真实姓名" align="center" prop="realname" />
<el-table-column label="创建时间" align="center" prop="create_time" />
</el-table>
在<script></script>中定义数组
//script中定义
postList: [],
//发起请求后得到的数据数据中包含子数组,将得到的大数组赋给postList即可;
只要将请求都得到的数组赋给你定义的数组就好啦,有问题可留言!