摘要:vue-router 动态路由匹配相同组件连续跳转时视图并不会更新,原来的组件实例会被复用,这也意味着组件的生命周期钩子不会再被调用
按照官网上的解决方法是利用watch
监测$route
,一旦发生变化就调用方法重新请求数据并覆盖。此时需要将创建时所要执行的代码提前封装进函数中,如果路由参数发生变化,组件就会被复用,但会重新执行创建时的函数从而请求新的数据
1 | export default { |
还有一种方法是利用key来管理
1 | <router-view :key="key"></router-view> |