【JavaScript编程知识】Vue 路由返回恢复页面状态的操作方法.docxVIP

PAGE PAGE 1 Vue 路由返回恢复页面状态的操作方法 　　路由参数、路由导航守卫：页面后退返回时，保留搜索结果 　　需求场景：首页搜索内容，点击跳转至详情页，页面后退返回主页，保留搜索结果。 　　方案：路由参数；路由守卫 　　需求描述 　　在使用 Vue 开发前端的时候遇到一个场景：在首页进行一些数据搜索，点击搜索结果进入详情页面，浏览详情页后返回主页。但这时候之前的搜索记录和翻页就消失了，用户体验不好。所以需要在返回后恢复跳转前的页面参数状态。 　　当然如果条件允许，最简单的办法是点击搜索结果使用新页面打开（例如百度那样）。但当前需求是一个完整的Vue开发的项目，