课程详情刷新页面参数丢失问题

frontend_web/src/router/routes.js

@@ -119,14 +119,15 @@ const frameIn = [
       },
       // 课程详情
       {
-        path: '/course/detail',
+        path: '/course/detail/:CourseId/:Year/:Term/:Class',
         name: 'courseDetailEdit',
         meta: {
           title: '课程详情',
           auth: true,
           cache: true
         },
-        component: _import('course/detail/index')
+        component: _import('course/detail/index'),
+        props: true// 子组件开启props传参
       },
       // 系统 前端日志
       {

frontend_web/src/views/course/detail/index.vue

@@ -146,6 +146,12 @@ import { mapActions, mapState } from 'vuex'
 
 export default {
   name: 'courseDetail',
+  props: {
+    CourseId: Number,
+    Year: Number,
+    Term: Number,
+    Class: Number
+  },
   components: { editForm },
   data () {
     return {
@@ -163,10 +169,10 @@ export default {
       },
 
       id: -1,
-      CourseId: null,
-      Term: null,
-      Class: null,
-      Year: null,
+      // CourseId: null,
+      // Term: null,
+      // Class: null,
+      // Year: null,
       rowdata: {},
       searchForm: {
         name: ''
@@ -188,11 +194,11 @@ export default {
   created () {
   },
   mounted: function () {
-    let _this = this
-    _this.CourseId = _this.$route.query.CourseId
-    _this.Year = _this.$route.query.Year
-    _this.Term = _this.$route.query.Term
-    _this.Class = _this.$route.query.Class
+    // let _this = this
+    // _this.CourseId = _this.$route.query.CourseId
+    // _this.Year = _this.$route.query.Year
+    // _this.Term = _this.$route.query.Term
+    // _this.Class = _this.$route.query.Class
     let params = {
       _currentPage: 1,
       _size: 9999

frontend_web/src/views/course/index.vue

@@ -327,7 +327,7 @@ export default {
     },
     // 详情
     handleDetail (course) {
-      this.$router.push({ path: '/course/detail', query: { CourseId: course.Id, Year: course.Year, Term: course.Term, Class: course.ClassId } })
+      this.$router.push({ name: 'courseDetailEdit', params: { CourseId: course.Id, Year: course.Year, Term: course.Term, Class: course.ClassId } })
     },
     //  删除课程
     deleteCourse (val) {