Change route query without triggering a page reload

[larsrickert]

Hey,

I need to update a query parameter when the user enters a search input so it is persistet in the route query when the user reloads the page.

My code

router.replace({
  query: {
    ...router.currentRoute.value.query,
    testParam: "someValue"
  },
});

Current behavior

A page reload is triggered

Expected behavior

Query parameter should be changed without reloading the page.
Is there any way to solve this?

Additional information

If I use history.replaceState() instead of router.replace() the behavior is as expected (although the vue-router docs state that it should be the same which is obviously not the case.

Example:

const searchParams = new URLSearchParams(window.location.search);
searchParams.set("testParam", "someValue");

const newUrl = `${window.location.origin}${window.location.pathname}?${searchParams.toString()}`;
window.history.replaceState({ ...history.state }, '', newUrl);

[larsrickert]

I will close this discussion since it was an error in my application with watchers :)