如果您正在使用路由器视图或Vue路由器，您可以直接使用关键功能

<router-view :key="$route.path"></router-view>

这将告诉路由器视图在每次路径改变时重新渲染页面。

确定. .可以简单地使用key属性在任何时候强制重新呈现(重新创建)。

<mycomponent :key="somevalueunderyourcontrol"></mycomponent>

有关示例，请参见https://jsfiddle.net/mgoetzke/epqy1xgf/

这里也有讨论:https://github.com/vuejs/Discussion/issues/356#issuecomment-336060875

添加:key到vue-router库的router-view组件的方法会引起我的fickers，所以我使用vue-router的“组件内保护”来拦截更新，并在同一路由上的路径更新时相应地刷新整个页面(如$router. exe)。美元,路由器。推,路由器。替换也无济于事)。唯一需要注意的是，通过刷新页面，我们暂时打破了单页应用行为。

  beforeRouteUpdate(to, from, next) {
    if (to.path !== from.path) {
      window.location = to.path;
    }
  },

如果你的URL在加载组件时也发生了变化，你可以在:key属性中使用它。如果你直接在router-view标签上使用它，效果会特别好。这与添加的键的benedit是一个实际绑定到页面内容的值，而不仅仅是一些随机数。

<router-view :key="this.$route.path"></router-view>

对于那些还在四处寻找的人来说，现在有一个包。

https://github.com/gabrielmbmb/vuex-multi-tab-state

我所要做的就是安装它，并将它添加到我的插件中。ts(就像它在那个页面上显示的那样)，它确实做了我想要的。

如果您正在使用路由器视图或Vue路由器，您可以直接使用关键功能

<router-view :key="$route.path"></router-view>

这将告诉路由器视图在每次路径改变时重新渲染页面。