分页缓存

src/views/Home.vue

@@ -95,7 +95,7 @@ export default {
       searchTimer: null,
       tableData: [],
       dataTotal: 0, // 总条数，根据接口获取数据长度(注意：这里不能为空)
-      pageNum: 1,
+      pageNum: +this.$route.query.page || 1,
       pageSize: 10,
       currentPage: 1,
       systemId: this.$route.query.systemId,
@@ -131,6 +131,13 @@ export default {
     },
     handleCurrentChange(val) { // 切换页码
       this.pageNum = val;
+      this.$router.redirect({
+        path: '/',
+        query: {
+          ...this.$route.query,
+          page: val
+        }
+      })
       this.initData();
     },
     initData() { // 获取初始数据