vue.js 更改查询位置 NavigationDuplicated

Question

当前有查询参数 id=2&p=3想用 vue-router 改变这个尝试过:

this.$router.push({query:{id:'2',p:'4'}});

但抛出 NavigationDuplicated

奇怪的..

如何仅更改查询以触发监视。

Answer 1

仅当您的参数相同时才会抛出错误，因此您可以在push 或replace 之前检查您的参数。此外，您可以使用 async/await 或 then/catch 方法，这是一个示例:

try {
  if (/* id or p have been changed in this.$route.query */) {
    await this.$router.push({query:{id:'2',p:'4'}});
  }

} catch (err) {
...
}