在 作業頁面跳轉到 學生頁面：

<el-table-column prop="status" label="學生詳情" align="center"  >
       <template slot-scope="scope">
          <el-button type="text" size="mini" @click="lookStudent(scope.row.id)"  >檢視</el-button>
        </template>
     </el-table-column>

js：

    lookStudent(id){
        
 
this.$router.push({name:'OP/homework',query: {'id': id}}) // 只能用 name
    },

LazyLoading.js 中的：

{
    path: 'OP/homework',
    component: () => import('@/views/operatorManage/studentHomework'),
    name: '學生作業詳情',
  },

在studentHomework.vue 中 接收引數：

param: {
          memberCode: '',
          status: 
 
'',
          homeworkNo: this.$route.query.id,
          keyword: '',
          pageNum: 1,
          pageSize: 10,
        },

created() {
      this.findList(this.param);
    },
    methods: {
      findList(param) {
        findStudentHomework(param).then(data => {
          this.list = data.list;
          
 
this.total = parseInt(data.total);

        });

      },

homework.js 中的方法：

export function findStudentHomework(params) {
  return request({
    url: `/homework/student/{homeworkNo}/p/{pageNum}-{pageSize}`.format(params),
    method: 'post',
    data: params
  })
}

後臺的方法：

    @PostMapping("student/{homeworkNo}/p/{pageNum}-{pageSize}")
    public PageSerializable<StudentHomeworkBo> findHomework(@PathVariable("pageNum") int pageNum,
                                                            @PathVariable("pageSize") int pageSize,
                                                            @PathVariable("homeworkNo") String homeworkNo,
                                                            @RequestBody StudentHomeworkFilter studentHomeworkFilter) {

        PageHelper.startPage(pageNum, pageSize, "update_time desc");
        return homeworkService.findStudentHomework(homeworkNo, studentHomeworkFilter);
    }