title: Vue router. Call this.$router.push() with query params leads to double router update
body: <p>I try to write pagination. Problem is with next/prev buttons. On click I try to call this.$router.push() with path name and several queries. The problems is that vue-router immediately goes to correct link with queries, but after immediately goes to same link but without queries.</p>
  
  <p>This is method on pagination button</p>
  
  <pre><code>goToPage(forward) {
    this.$router.push({name: 'spots', query: {per_page: 5, page: 2}});
  }
  </code></pre>
  
  <p>This is how route is defined in router.js file</p>
  
  <pre><code>{
    path: '/:eventId/guestlists/:guestlistId/spots',
    component: SpotsAndMeals,
    name: 'spots',
    props: true
  },
  </code></pre>
  
  <p>What do I want? I want after executing goToPage function route in my browser is updated and is displayed with query params.</p>