分页缓存

src/views/serve/backstage/model.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="wrap">
         <div class="side">
-            <org ref="tree" @initData="initData"></org>
+            <org ref="tree" @initData="initData" @getData="getData"></org>
         </div>
 
         <div class="right">
@@ -70,7 +70,7 @@ export default {
             isTopLevel: true, // 是否是在顶级分类
             listData: [],
             keyword: '',
-            page: 1,
+            page: +this.$route.query.page || 1,
             pageSize: 10,
             total: 0,
             multipleSelection: [],
@@ -234,6 +234,13 @@ export default {
         },
         handleCurrentChange(val) {
             this.page = val
+            this.$router.push({
+              path: 'backstage',
+              query: {
+                ...this.$route.query,
+                page: val
+              }
+            })
             this.getData()
         },
         // 导入模型提交

src/views/serve/backstage/modelType.vue

@@ -95,7 +95,14 @@ export default {
                 data.length && this.$nextTick(() => {
                   const categoryId = this.$route.query.categoryId
                   this.$refs.tree.setCurrentKey(categoryId || data[0].id)
-                  this.getSingle()
+                  this.$router.push({
+                    path: 'backstage',
+                    query: {
+                      ...this.$route.query,
+                      categoryId: this.$refs.tree.getCurrentKey()
+                    }
+                  }).catch(err => {})
+                  this.$emit('getData')
                 })
             }).catch(res => {})
         },

src/views/serve/backstage/sourceModel.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="wrap">
         <div class="side">
-            <org ref="tree" @initData="initData"></org>
+            <org ref="tree" @initData="initData" @getData="getData"></org>
         </div>
 
         <div class="right">
@@ -55,7 +55,7 @@ export default {
           isTopLevel: true, // 是否是在顶级分类
           listData: [],
           keyword: "",
-          page: 1,
+          page: +this.$route.query.page || 1,
           pageSize: 10,
           total: 0,
           multipleSelection: []
@@ -174,6 +174,13 @@ export default {
         },
         handleCurrentChange(val) {
             this.page = val
+            this.$router.push({
+              path: 'backstage',
+              query: {
+                ...this.$route.query,
+                page: val
+              }
+            })
             this.getData()
         }
     }

src/views/serve/backstage/sourceType.vue

@@ -85,7 +85,14 @@ export default {
                 data.length && this.$nextTick(() => {
                   const categoryId = this.$route.query.categoryId
                   this.$refs.tree.setCurrentKey(categoryId || data[0].id)
-                  this.getSingle()
+                  this.$router.push({
+                    path: 'backstage',
+                    query: {
+                      ...this.$route.query,
+                      categoryId: this.$refs.tree.getCurrentKey()
+                    }
+                  }).catch(err => {})
+                  this.$emit('getData')
                 })
             }).catch(res => {})
         },