keeplive

src/router/getRouter.js

@@ -4,7 +4,7 @@ export default function fn(data, pid) {
   let temp
   for (let i = 0; i < data.length; i++) {
     if (data[i].pid === pid) {
-      const obj = { 'path': data[i].path, 'component': () => import(`@/views${(data[i].component)}`), 'redirect': data[i].redirect, alwaysShow: true, 'name': data[i].name, meta: { 'title': data[i].title, 'icon': data[i].icon }}
+      const obj = { 'path': data[i].path, 'component': () => import(`@/views${(data[i].component)}`), 'redirect': data[i].redirect, alwaysShow: true, 'name': data[i].name, meta: { 'title': data[i].title, 'icon': data[i].icon, 'keepAlive': true }}
       temp = fn(data, data[i].id)
       if (temp.length > 0) {
         obj.children = temp

src/views/ManufacturingCenter/ProcessAdjustQuery/index.vue

@@ -122,7 +122,6 @@ export default {
     },
     searchChart() {
       searchChart().then(response => {
-        console.log(response, 11)
         for (let i = 0; i < response.data.length; i++) {
           this.dataX.push(response.data[i].姓名)
           this.partsNum.push(response.data[i].零件数量)

src/views/layout/components/AppMain.vue

@@ -1,19 +1,30 @@
 <template>
   <section class="app-main">
+    <!-- <router-view :key="key"></router-view> -->
     <transition name="fade-transform" mode="out-in">
-      <!-- or name="fade" -->
-      <!-- <router-view :key="key"></router-view> -->
-      <keep-alive>
-        <router-view/>
+      <keep-alive id="keepAlive">
+        <router-view v-if="$route.meta.keepAlive"/>
       </keep-alive>
     </transition>
+    <transition name="fade-transform" mode="out-in">
+      <router-view v-if="!$route.meta.keepAlive"/>
+    </transition>
   </section>
 </template>
 
 <script>
+import store from '@/store'
 export default {
   name: 'AppMain',
   computed: {
+    keepAliveList() {
+      var keepAliveList = ''
+      store.state.tagsView.cachedViews.map(v => {
+        keepAliveList = keepAliveList + v + ','
+      })
+      console.log(keepAliveList)
+      return keepAliveList
+    }
     // key() {
     //   return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date()
     // }

src/views/layout/components/TagsView.vue

@@ -71,6 +71,11 @@ export default {
       return false
     },
     isActive(route) {
+      console.log(this.contactList)
+      this.contactList = []
+      if (!this.$route.meta.keepAlive) {
+        this.$route.meta.keepAlive = true
+      }
       return route.path === this.$route.path || route.name === this.$route.name
     },
     addViewTags() {
@@ -101,8 +106,14 @@ export default {
         if (this.isActive(view)) {
           const latestView = views.slice(-1)[0]
           if (latestView) {
+            if (this.$route.meta.keepAlive) {
+              this.$route.meta.keepAlive = false
+            }
             this.$router.push(latestView.path)
           } else {
+            if (this.$route.meta.keepAlive) {
+              this.$route.meta.keepAlive = false
+            }
             this.$router.push('/')
           }
         }