vue无刷新修改url参数

在Vue中，我们可以通过一些方法来实现无刷新修改URL参数。

第一种方法是使用Vue Router提供的`push`方法。我们可以使用`$route.push`方法来修改URL参数，并且不会刷新整个页面。例如，假设我们要修改URL的参数为`id=123`，我们可以使用以下代码实现：

const id = 123;
this.$router.push({ path: '/', query: { id } });

这样，URL的参数就被修改为`id=123`，并且页面不会刷新。

第二种方法是使用`window.history.pushState`方法。这个方法可以修改URL的参数，但不会引起整个页面的刷新。我们可以使用以下代码实现：

const newUrl = `${window.location.origin}${window.location.pathname}?id=123`;
window.history.pushState({ path: newUrl }, '', newUrl);

这样，URL的参数就被修改为`id=123`，并且页面不会刷新。

需要注意的是，这两种方法都只能修改URL的参数部分，不能修改URL的其他部分（如路径）。如果需要修改URL的其他部分，我们需要使用其他的方法。

总结起来，我们可以通过Vue Router提供的`push`方法或者`window.history.pushState`方法来实现无刷新修改URL参数。这两种方法都可以修改URL的参数部分，且不会引起整个页面的刷新。