Javascript 强制在同一路由上重新加载不同的查询参数VueJS

当用户从编辑页面单击时，我尝试重新加载页面组件，路由器不会重新加载，旧的编辑值仍然保留

{
路径：“/products/new”，
组件：ProductPage，
元：{
面包屑：[
{name:“Home”，链接：“/Home”}，
{名称：“产品”，链接：“/Products”}，
{name:“新产品”}
]
}
},
{
路径：“/products/：id”，
组件：ProductPage，
元：{
面包屑：[
{name:“Home”，链接：“/Home”}，
{名称：“产品”，链接：“/Products”}，
{name:“编辑产品”}
]
}
}

当两个页面具有相同的组件时，有没有办法重新加载页面组件？

使用

$router.go（）

---

this.$router.go（{path:'/products'，params:{id:id}}）

这能回答您的问题吗？您可以根据当前路由（）将属性传递给组件，以便对其中的更改作出反应。当您使用同一组件时，Vue会尝试重用它，而不是再次创建它。要将它们视为不同的，并在路由更改时再次创建组件，您必须向

组件添加一个

键

特殊属性，如下所示：

。