安定.528 2023-04-22 23:28 采纳率: 92.3%
浏览 73
已结题

springboot+vue项目分页查询在页面无法展示,如何解决?

springboot+vue项目分页查询
此时我的后端分页查询能够在控制台看见查询的数据,但是在页面就是不显示

img


并且状态码都是200 可以排除后端bug

img


这是我前端的接口,按理来说 这个接口应该没有问题,但是我也不是很懂js

img


这是我vue展示数据的一部分代码 是直接copy ElementUI的页容器
目前的prop的值是按照控制台的输出来写的 但我还是怀疑是prop的问题 前端的字段名和后端的字段名不匹配

<el-table
          :data="tableData" border
          stripe header-cell-class-name="headerBg"
          style="width: 100%"
          @selection-change="handleSelectionChange"
        >
          <el-table-column type="selection" width="55"> </el-table-column>
          <el-table-column prop="sno" label="学号" width="60">
          </el-table-column>
          <el-table-column prop="sname" label="姓名" width="100">
          </el-table-column>
          <el-table-column prop="sex" label="性别" width="60">
          </el-table-column>
          <el-table-column prop="birthday" label="出生日期">
          </el-table-column>
          <el-table-column prop="dno" label="所在院系">
          </el-table-column>
          <el-table-column prop="address" label="地址">
          </el-table-column>
          <el-table-column prop="phone" label="电话">
          </el-table-column>
          <el-table-column label="操作">
            <template slot-scope="scope">
              <el-button
                size="mini"
                
                >编辑</el-button
              >
              <el-button
                size="mini"
                type="danger"
                
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>


毕竟状态码和我用的postman都能找到json数据,但就是无法在页面展示,希望各位能够解答

  • 写回答

3条回答 默认 最新

  • nssnail 2023-04-23 00:11
    关注

    看你的数据结构应该是=res.records吧,不是red.data

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

报告相同问题?

问题事件

  • 系统已结题 5月1日
  • 已采纳回答 4月23日
  • 创建了问题 4月22日

悬赏问题

  • ¥15 Python语言实验
  • ¥15 SAP HANA SQL 增加合计行
  • ¥20 用C#语言解决一个英文打字练习器,有偿
  • ¥15 srs-sip外部服务 webrtc支持H265格式
  • ¥15 在使用abaqus软件中,继承到assembly里的surfaces怎么使用python批量调动
  • ¥15 大一C语言期末考试,求帮助🙏🙏
  • ¥15 ch340驱动未分配COM
  • ¥15 Converting circular structure to JSON
  • ¥30 Hyper-v虚拟机相关问题,求解答。
  • ¥15 TSM320F2808PZA芯片 Bootloader