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

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 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵