Vue.js Vue路由器。调用此函数。$router.push（）和查询参数将导致双路由器更新

我试着写页码。问题在于“下一步/上一步”按钮。单击后，我尝试使用路径名和几个查询调用此.$router.push（）。问题在于，vue路由器会立即转到带有查询的正确链接，但之后会立即转到相同的链接，但不带查询

这是分页按钮上的方法

goToPage(forward) {
  this.$router.push({name: 'spots', query: {per_page: 5, page: 2}});
}

这是router.js文件中定义路由的方式

{
  path: '/:eventId/guestlists/:guestlistId/spots',
  component: SpotsAndMeals,
  name: 'spots',
  props: true
},

---

我想要什么？我希望在执行goToPage功能后，我的浏览器中的route会更新并显示查询参数。

谢谢大家的尝试！但我发现了问题所在。问题在于Vue如何使用相同的

。如果我使用查询从path.name A转到path.name B，一切都会正常工作。如果我带着查询从path.name A转到path.name A，魔术就开始了。为了克服这个问题，我需要添加

。所以现在Vue的行为与我预期的一样

您在控制台中有任何警告吗？您能显示链接的标记吗？谢谢大家的尝试！但我发现了问题所在。问题在于Vue如何与相同的服务器一起工作。如果我使用查询从path.name A转到path.name B，一切都会正常工作。如果我带着查询从path.name A转到path.name A，魔术就开始了。为了克服这个问题，我需要添加路由器视图：key=“$route.fullPath”>。所以现在Vue的行为和我预期的一样