【发布时间】:2018-04-02 09:41:22
【问题描述】:
考虑以下路线:
/form/1/form/2/form/3
当地址为/ 并且我点击/form/1 时,VueRouter 将我的组件加载到router-view 中,但是当我在/form/1 中点击/form/2 时没有任何反应!
【问题讨论】:
标签: vue.js vuejs2 vue-router
考虑以下路线:
/form/1/form/2/form/3当地址为/ 并且我点击/form/1 时,VueRouter 将我的组件加载到router-view 中,但是当我在/form/1 中点击/form/2 时没有任何反应!
【问题讨论】:
标签: vue.js vuejs2 vue-router
你也可以给router-view添加一个唯一的key属性,以便vue强制替换组件而不是重复使用它
<router-view :key="$route.path"></router-view>
【讨论】:
您需要注意 $route 中的参数更改并执行正确的操作(例如,进行 ajax 调用以检索给定 id 的信息),因此:
watch: {
'$route' (to, from) {
// React to route change
}
}
您也可以使用beforeRouteUpdate 守卫(参见:https://router.vuejs.org/en/essentials/dynamic-matching.html)
【讨论】: