路由跳转但不需要页面刷新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了路由跳转但不需要页面刷新相关的知识,希望对你有一定的参考价值。

参考技术A 需求场景,在动态路由里,有时候需要路由里参数变了,但是不想让页面重新加载(有闪白情况),于是就想到只让地址变化
window.history.replaceState(, '', /url/$this.query )
第三个参数 地址按照自己的路由设置

这时候页面就不会强制刷新,监听数据变化,可以通过vuex/redux,或者缓存储存方式等等

当路由跳出到另一个新的路由时候,想清除掉历史路由变化 ,可以在组件销毁时清空就好了
destroyed ()
window.history.replaceState(null, null, document.URL)
,

以上是关于路由跳转但不需要页面刷新的主要内容,如果未能解决你的问题,请参考以下文章

react native 路由跳转后页面不刷新问题

vue 路由跳转刷新页面tab不变

Apollo 查询在页面刷新时运行,但不使用反应路由器导航?

angular 页面原地跳转路由不刷新问题

React中路由操作、页面跳转

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