前端Vue,el-table如何获取嵌套集合数据

初学Vue,想自己写个管理系统前端,接受数据这块卡住了,后端传递的是一个嵌套集合,前端不知道该怎么接了,我的猜想是用下标获取,不知该怎么写,希望指导一下

这是get到的数据

img


这是数据详情

img


这是前端表格代码

img

这里是我写的data

img

问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

data中直接写

tableData: [],

就行,在html中的每一个el-table-colum中的prop上对应的用返回的数据即可,比如标题

<el-table-column
        prop="blogs.title"
        label="日期"
        width="180">
 </el-table-column>
//或者
<el-table-column
        label="日期"
        width="180">
  <template slot-scope="scope">
                    {{scope.row.blogs.title}}
                </template>
 </el-table-column>

js中就是
this.tableData = 你数据返回的list

表格那里不是有一个树形控件吗,可以尝试用那个表格来展示你这个数据

数据是这种

img

detailList就是table表格接收得数据

img

上面table

img

做出来就是这种效果

img

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632