如何在Vue中使用Vue-Router设置查询参数而无需重新加载组件

Question

9

我想在Vue中使用Vue-Router设置查询参数而不重新加载组件。但是，使用以下代码会重新加载组件：

this.$router.replace({query: this.filters});

我们如何在更改查询参数时停止重新加载组件？

- Smit Patel

你能否在你的问题中加入更多上下文，比如你的路由器结构是怎样的？你的路由器视图是什么样子的？调用它的组件是什么样子的？提供一些相关的代码片段。你的问题可能由多种因素引起，比如在组件或router-view本身上出现的问题等等，所以在此之前我认为没有人能够解决你的确切问题 :D - Komi

2个回答

-1

根据@ManUtopiK所述，您可以使用JavaScript的历史API来实现此操作，请在这里查看他的答案。

- João Pedro Domingues

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pedrocate · Accepted Answer

this.$router.replace({ ...this.$router.currentRoute, query: this.filters });

进入当前路径不会再次渲染当前组件。