修复iframe无法缓存的问题

vue/src/layout/component/TagsView/index.vue

@@ -105,7 +105,7 @@ export default {
             }
         },
 
-        //将当前具有title的路由添加为tab页
+        //将当前具有meta.title的路由添加为tab页
         addTags(to = this.$route) {
             return to.meta.title ? this.$store.dispatch('tagsView/addView', to) : Promise.resolve()
         },

vue/src/router/index.js

@@ -112,12 +112,20 @@ function getAuthorizedPath(route) {
 
 //判断是否需要打开iframe
 function iframeControl(to, from) {
-    let iframe = to.meta.iframe
-    const operate = iframe ? 'open' : 'close'
-    if (to.path === `/redirect${from.path}`) {
-        iframe = from.meta.iframe
+    //从iframe页面离开时，判断是否需要删除iframe
+    if (from.meta.iframe) {
+        let del = false
+        //如果设置了无缓存或是进行了刷新，那么移除iframe
+        if (from.meta.noCache || to.path === `/redirect${from.path}`) {
+            del = true
+        }
+        store.dispatch(`iframe/close`, {src: from.meta.iframe, del})
+    }
+
+    //跳转至iframe页面时，打开iframe
+    if (to.meta.iframe) {
+        store.dispatch(`iframe/open`, {src: to.meta.iframe})
     }
-    return store.dispatch(`iframe/${operate}`, iframe)
 }
 
 export default router

vue/src/router/module/example.js

@@ -72,9 +72,9 @@ const router = {
             meta: {title: '开发测试'}
         },
         {
-            path:'cacheTest',
+            path: 'cacheTest',
             meta: {title: '详情页缓存测试', noCache: false},
-            children:[
+            children: [
                 {
                     path: 'detailPage1',
                     component: 'example/cacheTest/detail',

vue/src/store/module/iframe.js

@@ -18,15 +18,15 @@ const mutations = {
 }
 
 const actions = {
-    open({commit}, src) {
+    open({commit}, {src}) {
         commit('show', true)
         commit('current', src)
         commit('add', src)
     },
-    close({commit}, src) {
+    close({commit}, {src, del}) {
         commit('show', false)
         commit('current', '')
-        commit('del', src)
+        del && commit('del', src)
     }
 }