处理

layouts/default.vue

 <template>
   <div>
-    <Nuxt />
+      <Nuxt/>
   </div>
 </template>
 <script>

nuxt.config.js

 
 export default {
+  /* render: {
+    bundleRenderer: {
+      cache: require('lru-cache')({
+        max: 1000,
+        maxAge: 1000 * 60 * 15
+      })
+    }
+  }, */
   /*
   ** Nuxt rendering mode
   ** See https://nuxtjs.org/api/configuration-mode
@@ -61,6 +69,7 @@ export default {
   ** Nuxt.js modules
   */
   modules: [
+    /* ['~/nuxtjs/component-cache', { maxAge: 1000 * 60 }] */
   ],
   /*
   ** Build configuration

package-lock.json

@@ -1446,6 +1446,24 @@
         "webpackbar": "^4.0.0"
       }
     },
+    "@nuxtjs/component-cache": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@nuxtjs/component-cache/-/component-cache-1.1.6.tgz",
+      "integrity": "sha512-CqecqRcgw6uV1hxv3TuhA/muo173Q5zDpaOyUg0hlYNRfNGueEdE7ZiO9nwAHEirRk3qHpmvMmh7Bg8+Wlj+Sg==",
+      "requires": {
+        "lru-cache": "^6.0.0"
+      },
+      "dependencies": {
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        }
+      }
+    },
     "@nuxtjs/youch": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/@nuxtjs/youch/-/youch-4.2.3.tgz",

package.json

@@ -9,6 +9,7 @@
     "generate": "nuxt generate"
   },
   "dependencies": {
+    "@nuxtjs/component-cache": "^1.1.6",
     "ali-oss": "^6.10.0",
     "axios": "^0.20.0",
     "element-china-area-data": "^5.0.1",

pages/index/notice/inquiry.vue

@@ -45,7 +45,7 @@
     <ul v-if="isshow1">
       <li v-if = "!isshow1">暂无数据</li>
       <li v-for="item in priceList" :key="item.id">
-        <div @click="handleChageUrl(item.noticeId)">  
+        <keep-alive><div @click="handleChageUrl(item.noticeId)">  
           <div class="time">{{getTimer(item.createTime)}}</div>
           <div class="price-item">
             <div class="t1" style="font-weight: bold;">
@@ -66,6 +66,7 @@
             </div>
           </div>
         </div>
+        </keep-alive>
       </li>
     </ul>
     <!-- <div v-show="isshow">
@@ -117,6 +118,9 @@ export default {
       industryOptions:res
     }
   },
+  activated() {
+    this.getInquiryList();
+  },
   mounted(){
       let mes ={
       currentPage:1,
@@ -136,6 +140,10 @@ export default {
     },
   data() {
     return {
+      setform:{
+        size:'',
+        currentPage:''
+      },
       cacheCurrentPage:'',
       noticeT:'[询价公告]',
       isshow1:true,
@@ -267,6 +275,7 @@ export default {
       mess.currentPage = this.getData.currentPage
       mess.noticeType = "ENQUIRY"
       Cookies.set("size",val)
+      this.setform.size=val
       this.getInquiryList(mess)
     },
     handleCurrentChange(val) {
@@ -276,6 +285,7 @@ export default {
       this.getData.currentPage = val
       mess.size = this.getData.size
       Cookies.set("currentPage",val)
+      this.setform.currentPage=val
       this.getInquiryList(mess);
     },
     dealDisabledDate(time) {