const { path, fullPath } = this.$route const newUrl = `${path}?id=${this.pathWithId}` window.location.href = newUrl 会重复跳转怎么解决

可以使用 `router.push` 方法代替直接修改 `window.location.href`，避免重复跳转的问题。如下所示：

this.$router.push({
  path: path,
  query: {
    id: this.pathWithId
  }
})

另外，如果你想要在同一个路由下更新参数，可以使用 `router.replace` 方法。如下所示：

this.$router.replace({
  path: path,
  query: {
    id: this.pathWithId
  }
})

相关问题

const userId = this.$route.params && this.$route.params.userId;

const userId = this.$route.params && this.$route.params.userId; 是一段JavaScript代码，用于获取当前路由对象中的userId参数，并将其赋值给变量userId。这段代码主要包含以下几个部分：

1. this.$route：表示当前的路由对象，是Vue.js框架中的一个内置对象，用于获取当前页面的路由信息。
2. this.$route.params：表示当前路由对象中的参数集合，是一个对象，包含了所有的路由参数。
3. this.$route.params.userId：表示从参数集合中获取名为userId的参数的值。

上述代码使用了逻辑与运算符（&&）来进行条件判断，如果this.$route.params存在且this.$route.params.userId存在，则将this.$route.params.userId的值赋给变量userId。这样可以避免在获取参数时出现错误。

const { id } = this.$route.params;

这段代码是在Vue.js中获取路由参数中的id值。具体解释如下：

- `$route`是Vue.js中的一个路由对象，它包含了当前路由的信息，包括路径、参数、查询参数等等。
- `params`是一个属性，用于获取路由路径中的参数，例如 `/user/:id` 这个路径中的 `id` 就是一个参数。
- `{ id }` 是ES6的语法，用于从一个对象中解构出指定的属性。这行代码就是从 `$route.params` 中解构出 `id` 属性，相当于 `const id = this.$route.params.id`。

综上，这行代码的意思是从当前路由中获取名为 `id` 的参数值，并将其赋值给 `id` 变量。