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

喜欢ヅ旅行 2022-11-03 05:46 315阅读 0赞

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

@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参数，查找到对应的试卷，打印结果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzU4NTc0_size_16_color_FFFFFF_t_70]  
可以看到res.data里面还有一个data,这个才是想要取出来的结果。  
展开res.data：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzU4NTc0_size_16_color_FFFFFF_t_70 1]  
但是页面渲染的问题依然没有解决。前端搜索之后页面不显示搜索出来的结果。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzU4NTc0_size_16_color_FFFFFF_t_70]: /images/20221024/8d280a67d20f4b9eb3f88d9fe8b61986.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzU4NTc0_size_16_color_FFFFFF_t_70 1]: /images/20221024/a15c66965471443488cc0fca37b05c6c.png