今天因为搜索功能一直接收到了后台数据但是前端页面没有渲染出来很奇怪,详细调试了好久,试验:
后端的数据:

 @GetMapping("/exam/{examCode}")
    public ApiResult findById(@PathVariable("examCode") Integer examCode){
        System.out.println("根据ID查找"+examCode);
        ExamManage res = examManageService.findById(examCode);
        if(res == null) {
            return ApiResultHandler.buildApiResult(10000,"考试编号不存在",null);
        }
        return ApiResultHandler.buildApiResult(200,"请求成功!",res);
    }

PathVariable :通过@PathVariable可以将URL中占位符参数{xxx}绑定到处理器类的方法形参中
前端:

 //搜索试卷
    search() {
      this.$axios(`/exam/${this.key}`).then(res=>{
     // this.$axios('/exams').then(res => {
        if(res.data.code == 200) {
          let allExam = res.data;
          let mm = res.data.data;
          console.log(allExam);
          console.log(mm);
          this.pagination = mm

 
        }})
    },

${this.key}是发送的参数,这样后端可以接收到key参数,查找到对应的试卷,打印结果:
在这里插入图片描述
可以看到res.data里面还有一个data,这个才是想要取出来的结果。
展开res.data:
在这里插入图片描述
但是页面渲染的问题依然没有解决。前端搜索之后页面不显示搜索出来的结果。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐