云梦轻掩楼 2022-01-23 22:59 采纳率: 100%
浏览 438
已结题

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

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

这是get到的数据

img


这是数据详情

img


这是前端表格代码

img

这里是我写的data

img

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

4条回答 默认 最新

  • _yangyi 2022-01-24 09:16
    关注

    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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 2月1日
  • 已采纳回答 1月24日
  • 创建了问题 1月23日

悬赏问题

  • ¥15 uniapp的websocket和c++的websocket服务器通讯 发送的数据和接受的数据表现形式不一样
  • ¥15 pyspark配置中的错误
  • ¥15 html word表格
  • ¥15 kali安装包如何解决,请给明确方案和步骤
  • ¥15 DEA软件进行企业创新效率的计算
  • ¥15 树莓派驱动42步进电机
  • ¥20 bevfusion mit可视化遇到的问题
  • ¥15 如何获得《人工智能工程技术人员》认证?
  • ¥100 悬赏破解EFS加密,速度
  • ¥30 用MATLAB画随t变化的函数图像,式中包含了累加求和,出现报错,不知道怎么办了,请解释一下