当多个路由地址对应同一组件时,切换路由组件不刷新的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当多个路由地址对应同一组件时,切换路由组件不刷新的问题相关的知识,希望对你有一定的参考价值。

参考技术A 在vue官方文档中进行了如下描述:

解释一下:当我们使用 动态路由 或者在 路由上拼接参数 时,进行页面组件跳转,如果前后跳转都使用了同一个组件,这就导致我们后面的路由跳转会使用前一次组件实例,因此组件不会重新渲染加载

当我们想传递参数后,组件重新渲染组件实例,可以使用vue官方文档提供的方案:

如果我们对"路由变化作出响应是"==============> 刷新当前组件的话 :

可以使用: this.$router.go(0)  来刷新当前组件

以上是关于当多个路由地址对应同一组件时,切换路由组件不刷新的问题的主要内容,如果未能解决你的问题,请参考以下文章

Vue多个路由共用同一组件时,互相切换时更新组件

vue刷新当前路由:router-view 复用组件时不刷新的3种解决方案总结

vue 跳转 同一路由不刷新问题解决

vue: 关于多路由公用模板,导致组件内数组缓存问题

vue怎么给路由切换时添加动画

Vue--Router--解决多路由复用同一组件页面不刷新问题