vue.js change query location NavigationDuplicated

Question

currently have query param id=2&p=3 want to change this with vue-router tried :

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

but throws NavigationDuplicated

weird ..

how to change just the query, to trigger watch.

Answer 1

The error will be thrown only if your params the same, so you could just check your params before push or replace. Also, you could use async/await or then/catch with there methods, here is an example:

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

} catch (err) {
...
}