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

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

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

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

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

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

相关文章
相关标签/搜索