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

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

作者: 简小咖 | 来源:发表于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