当前位置: 首页 > Web前端 > HTML5

关于vueh5路由页面级模拟app页面级的思考

时间:2023-04-05 01:07:04 HTML5

在vue项目中,我们遇到了很多h5场景的页面,但是由于页面会反复跳转详情页->列表页->详情页的问题,当用户点击返回时,会发现层级内外的来回跳转会很烦人。在定义路由时利用history.pushState()和popstate历史堆栈。在路由定义级别lv全局定义中增加一个参数pagelv一个数组routeArr,用于判断概率变化时下一页是否高于当前页面的lv。如果更高,我们将这条路由推送到routeArr,以便返回时记录。归来时,历史。pushState()和popstate监听,返回routeArr的栈顶,删除栈顶