Vue Router 中的动态查询报错

Question

我想在 vue 路由器中使用动态查询，但出现错误。

代码：

let selected = this.currentPage;
this.$router.replace({name: '', query: {...this.$route.query, page: selected }});

控制台错误：

不允许导航到当前位置 ("/?page=5")

我已经尝试过How can I change only specific query params in current route vue-router?这里的解决方案，但它不起作用

Answer 1

您可能会尝试重定向到同一页面。为了防止这种情况，尝试这样的事情

let selected = this.currentPage;
if (selected !== this.$route.query.page)
  this.$router.replace({name: '', query: {...this.$route.query, page: selected }});