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

前端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日

悬赏问题

  • ¥30 电脑误删了手机的照片怎么恢复?
  • ¥15 (标签-python|关键词-char)
  • ¥15 python+selenium,在新增时弹出了一个输入框
  • ¥15 苹果验机结果的api接口哪里有??单次调用1毛钱及以下。
  • ¥20 学生成绩管理系统设计
  • ¥15 来一个cc穿盾脚本开发者
  • ¥15 CST2023安装报错
  • ¥15 使用diffusionbert生成文字 结果是PAD和UNK怎么办
  • ¥15 有人懂怎么做大模型的客服系统吗?卡住了卡住了
  • ¥20 firefly-rk3399上启动卡住了