vue 跳转至当前路由，并刷新页面

携带不同参数跳转至当前路由，刷新页面并获取该参数

借助空页面实现

例如：由 /detail?id=1 跳转至 detail?id=2

detail.vue

export default {
    
    
  methods: {
    
    
    test() {
    
    
      this.$router.push({
    
    
        path: '/empty',
        query: {
    
    
          router: '/detail?id=2'
        }
      })
    }
  },

  created() {
    
    
    console.log(this.$route.query);
  }
}

empty.vue 空白页面(该页面需要再路由表里添加对应的路由)

export default {
    
    
  created() {
    
    
    // 重定向
    this.$router.replace(this.$route.query.router)
  }
}

仅跳转至当前路由，参数不变

使用router.go可完美解决

注意：使用这种方法，原有的路由会消失(被替换)

test() {
    
    
  this.$router.go(0)
}