关于vue H5 route 页面层级 模拟app 页面层级 的思考

在vue 项目中,我们遇到很多h5场景的页面,但是由于页面会在详情页->列表页->详情页 反复跳转的问题,当用户点击返回的时候,会发现层级里外里的往返跳会很烦,

利用点,history.pushState()和popstate 历史记录栈

在定义路由的时候,多加一个参数 pagelv 给路由定义层级lv

全局定义一个数组 routeArr ,用来几率
route.change 的时候,我们判断,下一个页面是否比当前页面的lv高,如果高,我们把这个路由推进routeArr,用于返回时候的记录

当返回的时候,history.pushState()和popstate 去监听,去返回routeArr 的顶栈,并删除顶栈

    原文作者:?
    原文地址: https://segmentfault.com/a/1190000020041762
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞