vue响应的res.data和res.data.data

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

 @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参数,查找到对应的试卷,打印结果:
vue响应的res.data和res.data.data_第1张图片
可以看到res.data里面还有一个data,这个才是想要取出来的结果。
展开res.data:
vue响应的res.data和res.data.data_第2张图片
但是页面渲染的问题依然没有解决。前端搜索之后页面不显示搜索出来的结果。

你可能感兴趣的:(前端,vue)