激活路由时，Vue-Router将无法工作

Question

考虑以下路线：

1. /form/1
2. /form/2
3. /form/3

当地址为/时，我点击/form/1 VueRouter将我的组件加载到router-view内，但当我在/form/1时点击/form/2没有任何反应！

Answer 1

您需要在$route中查看参数更改并执行正确的操作（例如，进行ajax调用以检索给定ID的信息），所以：

watch: {
  '$route' (to, from) {
   // React to route change
 }
}

您也可以使用beforeRouteUpdate后卫（请参阅：https://router.vuejs.org/en/essentials/dynamic-matching.html）

Answer 2

您还可以向key添加唯一的router-view属性，以便vue强制替换该组件而不是重复使用

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