vue-router切换不同参数共用路由来显示页面的方法

watch: {
    $route(to, from) {
        // 获取query中的参数
        if (to.query.param1) {
        this.param1 = to.query.param1
        }
    },
},

methods: {
    ...
    edit(id) {
      this.$router.push({ path: '/xxx/xxx', query: { id: id } })
    },
    ...
}

message: "Navigating to current location (XXX) is not allowed"

import VueRouter from 'vue-router'
...

// fix Navigating to current location
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}