列表页面进入二级页面返回不刷新页面保留列表操作痕迹

src/App.vue

@@ -47,10 +47,17 @@ export default {
                 "noticeList",
                 "confirmNote",
             ],
+             // cachePage预先定义的缓存页面
+            otherCache: [],
+             // 专门处理列表缓存的页面，这些页面缓存逻辑与其他缓存不一样去详情返回列表缓存，但是进入列表必须刷新
+            listCache:['insert-danger','confirme-danger','report-return','change-danger','review-danger','stand-book','major-danger','delay-approval',
+            'my-delay','risk-return','risk-account','risk-confirme'],
         };
     },
 
     mounted() {
+        // 这个配合列表路由使用缓存初始缓存页面
+        this.otherCache=[...this.cachePage];
         let tabH =
             document
                 .getElementsByTagName("html")[0]
@@ -74,6 +81,18 @@ export default {
     },
     watch: {
         $route(to, from) {
+            // 列表页面动态添加缓存
+            if(from.name=='save-workbench'){
+                // 如何使从工作台进入列表页面在cachePage里添加页面
+                if((!this.cachePage.includes(to.name))&&this.listCache.includes(to.name)){
+                    this.cachePage.push(to.name)
+                }
+            }
+            if(to.name=='save-workbench'){
+                // 如何回到工作台默认恢复预定义缓存页面
+               this.cachePage=[...this.otherCache];
+            }
+
             // 有主级到次级
             if (to.meta.index > from.meta.index) {
                 this.transitionName = "slide-left"; // 向左滑动

src/views/danger/changeDanger/index.vue

@@ -130,6 +130,7 @@ import { getFun, postFun } from "@/service/table.js";
 // import { dangerRect, list1, list2 } from "@/service/danger";
 import { Dialog } from "vant";
 export default {
+    name:'change-danger',
     components: {
         LHeader,
     },

src/views/danger/confirmeDanger/index.vue

@@ -110,6 +110,7 @@ import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 import { dangerConfirm } from "@/service/danger";
 export default {
+    name:'confirme-danger',
     components: {
         LHeader,
     },

src/views/danger/delayApproval/index.vue

@@ -135,6 +135,7 @@ import { getFun, postFun } from "@/service/table.js";
 import { delayList } from "@/service/danger";
 
 export default {
+    name:'delay-approval',
     components: {
         LHeader,
     },

src/views/danger/insertDanger/list.vue

@@ -77,6 +77,7 @@ import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 
 export default {
+    name:'insert-danger',
     components: {
         LHeader,
     },

src/views/danger/majorDanger/index.vue

@@ -115,6 +115,7 @@ import { getFun, postFun } from "@/service/table.js";
 /*接口对接2 END*/
 
 export default {
+    name:'major-danger',
     components: {
         LHeader,
     },

src/views/danger/managerDanger/index.vue

@@ -96,6 +96,7 @@ import { superviseList } from "@/service/danger";
 /*接口对接2 END*/
 
 export default {
+    name:'manager-danger',
     components: {
         LHeader,
         tabBar,

src/views/danger/myDelay/index.vue

@@ -89,6 +89,7 @@ import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 import { Dialog } from "vant";
 export default {
+    name:'my-delay',
     components: {
         LHeader,
     },

src/views/danger/reportReturn/index.vue

@@ -86,7 +86,9 @@ import tabBar from "@/components/TabBar";
 import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 import { dangerReturn, dangerReturnDel } from "@/service/danger";
+
 export default {
+  name:'report-return',
   components: {
     LHeader,
     tabBar,

src/views/danger/reviewDanger/index.vue

@@ -113,7 +113,7 @@ import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 import { dangerReview } from "@/service/danger";
 export default {
-  
+    name:'review-danger',
     components: {
         LHeader,
     },

src/views/danger/standBook/index.vue

@@ -113,6 +113,7 @@ import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 import { dangerStandBook } from "@/service/danger";
 export default {
+    name:'stand-book',
     components: {
         LHeader,
     },

src/views/danger/superviseDanger/index.vue

@@ -86,6 +86,7 @@ import { superviseSABlist } from "@/service/danger";
 /*接口对接2 END*/
 
 export default {
+  name:'supervise-danger',
   components: {
     LHeader,
     tabBar

src/views/risk/riskAccount/index.vue

@@ -118,6 +118,7 @@ import { postriskBook } from "@/service/risk";
 /*接口对接2 END*/
 
 export default {
+    name:'risk-account',
     components: {
         LHeader,
     },

src/views/risk/riskConfirme/index.vue

@@ -119,6 +119,7 @@ import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 import { postriskConList } from "@/service/risk";
 export default {
+  name:'risk-confirme',
   components: {
     LHeader: LHeader,
   },

src/views/risk/riskReturn/index.vue

@@ -97,6 +97,7 @@ import LHeader from "@/components/header.vue";
 import { getFun, postFun } from "@/service/table.js";
 import { postriskConReturn, postriskConReDel } from "@/service/risk";
 export default {
+  name:'risk-return',
   components: {
     LHeader: LHeader,
   },