解决vue路由跳转同一页面但参数改变时，页面不刷新的问题

当跳转同一路由，携带不同参数时，组件会被复用，生命周期之前创建了一次，不会再次重新创建，因此页面不会刷新。方法三：当一个组件复用时，传递的参数发生变化就会触发这个钩子函数，在路由配置中使用。监听路由参数的变化，并在参数变化时手动执行相应的逻辑来实现刷新页面的效果。守卫，该守卫会在当前路由更新时被调用，可以在守卫中执行刷新页面的逻辑。属性给组件添加唯一标识，当路由参数发生变化时，通过修改。中，在需要刷新页面时，通过修改参数的值来触发刷新。来管理路由参数，在每次路由跳转时将参数存储到。方法四：可以考虑使用。

Vue路由切换时页面不刷新是SPA特性。解决方案包括：1)监听$route变化重新加载数据；2)给router-view绑定key强制组件重建；3)使用导航守卫处理数据刷新；4)手动刷新(不推荐)。动态路由参数变化推荐watch监听，不同路由可用key强制刷新。默认不刷新是为优化性能，复用组件减少渲染开销。根据场景选择合适方案即可实现数据重新初始化。

原理：使用 watch 监听路由变化，手动更新数据。

vue3 跳转相同页面，参数不同，页面不刷新解决问题

vue 二次跳转同一页面，页面不刷，加上:key="route.fullPath"

vue路由组件传参，参数改变页面不刷新

注意： 只有组件被 keep-alive 包裹时，这两个生命周期函数才会被调用，如果作为正常组件使用，是不会被调用的，以及在 2.1.0 版本之后，使用 exclude 排除之后，就算被包裹在 keep-alive 中，这两个钩子函数依然不会被调用！另外，在服务端渲染时，此钩子函数也不会被调用。所以使用keep-alive就是保持组件活跃，不会被destroy销毁掉，就一直还活着，组件没有被销毁掉的话，组件上挂载的数据就还存在，所以状态就可以保留，所以，keep-alive就可以保持组件的状态。

使用带有参数的路由时需要注意的是，当用户从 `/users/johnny` 导航到 `/users/jolyne` 时，相同的组件实例将被重复使用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会被调用。

跳转当前路由不会刷新页面，但route路由数据已经发生了变化，那么我们使用vue的watch去检测这样的变化，然后再重新请求数据请求接口即得到想要的数据。当前在 /order/detail 页面，继续跳转当前页面，传参不同。

Vue 解决route-link路由跳转时页面不刷新问题

在项目中经常有这样的需求，同一页面路由根据不同参数，渲染不同数据、不同效果、甚至重新刷新整个页面。但由于路由的强缓存原因，同一路由跳转往往不会进行刷新，故而总结了几种解决办法。 方法1： 实现原理： 点击当前菜单，先跳转过渡空白页面，再跳转原页面； 实现优点 简单方便快速统一 实现缺点 所有页面都将进行刷新，且因跳转其他页面故反应时间较长 实现代码 新建empty.vue <template></template> <script> export d.

Vue2+Ts

关于vue路由跳转后的页面不会刷新的解决办法