vue-element-admin F5刷新页面，让tagsView只保留首页，关闭其他所有页面

Question

问题描述

问题出现的环境背景及自己尝试过哪些方法

刷新页面，当前选中的tags，不能被关闭。
以为是路由没有跳转，造成当前选中的tags没有被关闭，故尝试在页面刷新时候，先让路由跳转至/dashboard，但跳转到/dashboard后，又会自动跳回去。

Answer 1

可以考虑在window.beforeunload（刷新离开页面前会触发此事件）中清空已缓存的页面。

关键代码：

created () {
    window.addEventListener('beforeunload', this.beforeWindowUnload)
  },
  beforeDestroy () {
    window.removeEventListener('beforeunload', this.beforeWindowUnload)
  },
  methods: {
    beforeWindowUnload() {
      this.$store.dispatch('tagsView/delAllCachedViews')
    }
  }

缓存的tags view存在store中的。