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

Question

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

这是get到的数据

这是数据详情

这是前端表格代码

这里是我写的data

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

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