前端学习笔记

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

2020-08-27  本文已影响0人  简小咖

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读