F5刷新不关闭页面

dsk-operate-ui/src/layout/components/TagsView/index.vue

 <template>
   <div id="tags-view-container" class="tags-view-container">
+    <div id="getviews">
       <div class="alltags" v-if="visitedViews.length > 0">
         <div class="imgs" @click="closeall">
           <img src="@/assets/images/all.png" v-if="!showall"/>
@@ -59,6 +60,7 @@
       <li @click="closeAllTags(selectedTag)"><i class="el-icon-circle-close"></i> 全部关闭</li>
     </ul>
     </div>
+  </div>
 </template>
 
 <script>
@@ -118,6 +120,7 @@ export default {
     $route() {
       this.addTags()
       this.moveToCurrentTag()
+      this.getviews()
     },
     visible(value) {
       if (value) {
@@ -130,8 +133,27 @@ export default {
   mounted() {
     this.initTags()
     this.addTags()
+    // this.getviews()
   },
   methods: {
+    getviews(){
+        let viewlist = []
+        let views = this.$store.state.tagsView.visitedViews
+        views.forEach(view =>{
+          let li = {}
+          li.fullPath = view.fullPath
+          li.hash = view.hash
+          li.meta = view.meta
+          li.name = view.name
+          li.params = view.params
+          li.path = view.path
+          li.query = view.query
+          li.title = view.title
+          // li.matched = view.matched //此条数据放出会报错
+          viewlist.push(li)
+        })
+        localStorage.setItem("views",JSON.stringify(viewlist))
+    },
     changetags(){
       this.showall = false
     },

dsk-operate-ui/src/layout/index.vue

@@ -21,6 +21,7 @@ import ResizeMixin from './mixin/ResizeHandler'
 import { mapState } from 'vuex'
 import variables from '@/assets/styles/variables.scss'
 import elementResizeDetectorMaker from "element-resize-detector"
+import { parse,stringify }  from 'flatted';
 export default {
   name: 'Layout',
   components: {
@@ -64,10 +65,11 @@ export default {
       this.listenSider()
   })
     // console.log(9999)
-    // let views = localStorage.getItem('views')
-    // console.log(views)
-    // this.$store.state.tagsView.visitedViews = JSON.parse(views)
-    // localStorage.removeItem('views')
+    let views = localStorage.getItem('views')
+    if(views!=null){
+    this.$store.state.tagsView.visitedViews = JSON.parse(views)
+    localStorage.removeItem('views')
+    }
   },
   methods: {
     handleClickOutside() {

dsk-operate-ui/src/store/modules/tagsView.js

-import {parse, stringify} from 'flatted';
+
+import { parse,stringify }  from 'flatted';
 const state = {
   visitedViews: [],
   cachedViews: [],
@@ -22,8 +23,27 @@ const mutations = {
       })
     )
     // console.log(state.visitedViews)
-    // let visitedViews = stringify(state.visitedViews)
-    // localStorage.setItem("views",visitedViews)
+    // try {
+    //   stringify(view)
+    // }catch(e)
+    // {
+    //
+    // }
+    // console.log(
+    // localStorage.removeItem('views')
+    // let views =view
+    // let viewlist = localStorage.getItem("views")==null?[]:JSON.parse(localStorage.getItem("views"))
+    // let li = {}
+    // li.fullPath = view.fullPath
+    // li.hash = view.hash
+    // li.meta = view.meta
+    // li.name = view.name
+    // li.params = view.params
+    // li.path = view.path
+    // li.query = view.query
+    // viewlist.push(li)
+    // viewlist.push(parse(stringify(view)))
+    // localStorage.setItem("views",stringify(viewlist))
   },
   ADD_CACHED_VIEW: (state, view) => {
     if (state.cachedViews.includes(view.name)) return