vue不同路由跳转同一组件，界面不刷新的问题

直接让它跳过去我们手动给个刷新，下面的flashCom就是刷新当前路径的函数，用this.$router.push的话就加个then，用router-link标签的话就绑定这个方法就行了（@click.native）

本文介绍如何解决Vue的多路由复用同一组件页面不刷新问题。

切换页面时，不会触发组件的生命周期钩子函数重新执行。要保证key的唯一性。1、监听$route。

解决 vue 多条路由调用同一组件（页面）无法刷新问题

vue 跳转同一路由,页面不刷新解决方案 问题原因 ： vue官网详细解释说明使用同一路由携带不同参数，本质上是重用相同的组件实例，默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件，因此不会调用组件的生命周期挂钩 解决方案1 - 监听路由变化 官方提供的解决方案为要对同一组件更改做出反应，监听$route的变化，或者使用使用2.2中引入的beforeRouteUpdate 导航卫士，调用对应的方法 //#/mk_gsui?id=2 // 监控data中的数据变化 watch: { $r

前言 最近用iview-admin做后台管理系统，遇到了个问题，列表页面点击进入详情页面编辑，编辑完成自动跳转到列表页，需要页面重新刷新请求列表（后管就是这么简单粗暴），然并卵~，再次回到列表页页面不会重新刷新；问题很好解决，因为iview-admin的路由设置会默认缓存页面notCache:false,因此我直接设置notCache:true就ok了，页面可以重新刷新。但是我觉得这个问题简单也不简单，所以参考网上一些文章加上自己之前遇到过得一些相似问题小结一下； 针对不同的需求分为两部分： 一、需求—

好久都没有写vue-cli创建的项目了，现在一写，发现了好多坑。 今天遇到一个路由跳转的问题： 这个是非常常见的一个场景： 在当前商品详情页面跳转到另一个商品的详情页面，此时，路由相同，参数id不同 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/productDetail"——报错解决 结果我在使用this.$router.replace({path:'/pro

主要问题 　　vue 同一路由跳转不走生命周期，导致数据不更新 　　不管是动态路由还是？传参 。都不走 办法一： 　　使用watch 监听路由变化。手动更新数据。 办法二 ： 　　使用 <router-view :key="$route.fullPath"/> 使用这个可以完美解决不刷新问题。 　　使用router-view时，如果在相同路由之间跳...

记录一下最近遇到的vue路由页面间的跳转的问题，其中就涉及到了不同路由的跳转（/a/b1 => /a/b2）、相同路由不同参数间的跳转（/a/b?c=2）、相同页面锚点跳转（/a/b#id1 =>/a/b#id2）解决：可以在不刷新的页面通过监听route,重新加载数据。原因：渲染的是同一组件。

原因：router-view使用了keep-alive组件，会被缓存，而vue-router的切换不用于传统的页面切换。是路由之间的切换，组件之间的切换，引用相同组件的时候，会被直接调用缓存里面的而不会调用created()，onMoun ted()函数。如图所示：要实现的功能是点击每一个tabs栏下的更多按钮，会跳转到“消息中心”页面，这是点击不用的“更多”按钮，跳转的路由页面是同一个，但是要求页面里的消息类型下拉选择框和列表数据要刷新，显示不同的数据。现在的问题是：页面跳转数据不刷新。

解决vue项目跳转同样的页面不刷新

Vue2+Ts

vue解决多个页面同一个路由但是传参不同导致页面跳转数据不刷新

问题现象： 有三个菜单，只是参数不同，但使用的同一个组件页面，配置路由时指向了不同三个路由。但切换菜单时，页面不再刷新。 查了些资料，整理解决方案如下，欢迎纠错补充~ 页面不刷新的原因： 响应路由参数的变化 提醒一下，当使用路由参数时，例如从 /user/foo 导航到 /user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组...

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

【代码】vue $router.push跳转同页面只是参数不同。但是页面数据不刷新的解决办法（图文版）

Vue Router默认情况下，会复用相同组件的实例，而不是销毁和重新创建它们。所以会出现，多次跳转同一路由组件时页面不更新的问题。

无论是通过路由组件形成的平台管理系统，还是通过文件配置形成的平台管理系统，都存在通过切换左侧的导航栏而使右侧的页面切换的业务需求；重复点击左侧导航栏的菜单(即：点击左侧导航相同菜单)，右侧页面不重新加载，但左侧切换不同的菜单，右侧页面加载就没有问题;但要在左侧点击相同页面的导航栏(即：已经展示该页面，再点击左侧相同菜单，右侧页面不再重新加载，当然也没进行刷新操作)；修改上述位置代码后，就解决了：点击左侧相同菜单，右侧页面不重新加载的问题；文件，且加载都没有问题(即：页面可以加载，对应的接口也可以加载)；

前言：vue-router的切换不同于传统的页面的切换。路由之间的切换，其实就是组件之间的切换，不是真正的页面切换。这也会导致一个问题，就是引用相同组件的时候，会导致该组件无法更新，也就是我们口中的页面无法更新的问题了。