美文网首页前端学习笔记
路由跳转但不需要页面刷新

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

作者: 简小咖 | 来源:发表于2020-08-27 17:54 被阅读0次

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

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

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

相关文章

网友评论

    本文标题:路由跳转但不需要页面刷新

    本文链接:https://www.haomeiwen.com/subject/aichsktx.html