vue在刷新页面后如何保证路由不变

vue开发中,如何在刷新页面后保证路由不会变化,下面编程教程网小编给大家简单介绍一下!

具体代码如下:

export default {
  created() {
    // 监听beforeunload事件
    window.addEventListener("beforeunload", this.saveCurrentPath)
  },
  beforeDestroy() {
    // 解除beforeunload事件的绑定
    window.removeEventListener('beforeunload', this.saveCurrentPath)
  },
  methods: {
    saveCurrentPath() {
      //当前路由的路径保存到localStorage
      localStorage.setItem('currentRoutePath', this.$route.path)
    }
  },
  mounted() {
    const currentRoutePath = localStorage.getItem('currentRoutePath')
    if (currentRoutePath) {
      this.$router.push(currentRoutePath)
	  //执行后清除localStorage缓存
      localStorage.removeItem('currentRoutePath')
    }
  }
}
以上是编程学习网小编为您介绍的“vue在刷新页面后如何保证路由不变”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue在刷新页面后如何保证路由不变

基础教程推荐