✨ 页面缓存

components/layouts/pc/main.vue

@@ -4,7 +4,7 @@
       <header-view/>
     </el-header>
     <el-main>
-      <nuxt :nuxt-child-key="$route.name"/>
+      <nuxt :nuxt-child-key="$route.name" keep-alive :keep-alive-props="{max: 16}"/>
     </el-main>
     <el-footer height="5rem">
       <footer-view/>

pages/admin/articles.vue

@@ -110,7 +110,8 @@ export default {
   components: {
     EditTags
   },
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchArticles', params)

pages/admin/bank-accounts.vue

@@ -76,7 +76,8 @@ import Records from "../../components/common/bank/account/records";
 export default {
   name: "bank-accounts",
   components: {Records},
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('bank-account/fetchList', params)

pages/admin/banks.vue

@@ -87,7 +87,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "banks",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('bank/fetchList', params)

pages/admin/comments.vue

@@ -97,7 +97,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "comments",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchComments', params)

pages/admin/currency-rules.vue

@@ -81,7 +81,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "currency-rules",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('currency-rule/fetchList', params)

pages/admin/dashboard.vue

@@ -251,7 +251,8 @@ export default {
   components: {
     EditTags
   },
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('dashboard/fetchDashboard', params)

pages/admin/products.vue

@@ -80,7 +80,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "products",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchProducts', params)

pages/admin/roles.vue

@@ -91,7 +91,8 @@
 
   export default {
     name: "roles",
-    fetch({store, params, error}) {
+    fetch() {
+      let {store, params, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('admin/fetchRoles', params)

pages/admin/tags.vue

@@ -48,7 +48,8 @@
 
   export default {
     name: "tags",
-    fetch({store, params, error}) {
+    fetch() {
+      let {store, params, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('tag/fetchList', params)

pages/admin/topic/_topic_uri.vue

@@ -77,7 +77,8 @@ export default {
     }
     return params.topic_uri
   },
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store.dispatch('topic/fetchDetail', params)
         .catch(err => error({statusCode: 404})),

pages/admin/topics.vue

@@ -39,7 +39,8 @@
 
   export default {
     name: "topics",
-    fetch({store, params, error}) {
+    fetch() {
+      let {store, params, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('topic/fetchList', params)

pages/admin/users.vue

@@ -119,7 +119,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: "users",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('admin/fetchUsers', params)

pages/drafts.vue

@@ -16,7 +16,8 @@
     components: {
       DraftList
     },
-    fetch({store, error}) {
+    fetch() {
+      let {store, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('draft/fetchList')

pages/index.vue

@@ -11,7 +11,8 @@ import {mapState} from 'vuex';
 
 export default {
   name: 'Index',
-  fetch({store, query}) {
+  fetch() {
+    let {store, query, error} = this.$nuxt.context
     return Promise.all([
       store.dispatch('article/fetchList', {page: query.page || 1}),
       store.dispatch('article/fetchAnnouncementList', {page: query.page || 1})

pages/notification.vue

@@ -17,7 +17,8 @@
     components: {
       NotificationList
     },
-    fetch({store, query, error}) {
+    fetch() {
+      let {store, query, error} = this.$nuxt.context
       return Promise.all([
         store
           .dispatch('notification/fetchList', {page: query.page || 1})

pages/open-data.vue

@@ -54,7 +54,8 @@ import gzh from "assets/rymcugzh.jpg";
 Vue.prototype.$echarts = echarts;
 export default {
   name: "openData",
-  fetch({store, params, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('open-data/fetchLastThirtyDays', params)

pages/portfolios.vue

@@ -16,7 +16,8 @@ import PortfolioList from "~/components/common/portfolio/list";
 export default {
   name: "Portfolios",
   components: {PortfolioList},
-  fetch({store, query, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('portfolio/fetchList', {page: query.page || 1})

pages/products.vue

@@ -13,7 +13,8 @@ import ProductList from "~/components/common/product/list";
 export default {
   name: "products",
   components: {ProductList},
-  fetch({store, query, error}) {
+  fetch() {
+    let {store, params, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('product/fetchList', {page: query.page || 1})