vue 实现A 页面跳转到B页面 ，B页面返回的A 页面时 ，保留A页面的数据

Posted 2022-11-29 啥也不会ln

• 需求描述 ：A页面为搜索页，B页面为A页面的内容详情页 ，当我在A页面搜索完成，跳转到B页面，当从B页面返回A页面时，A页面所有数据不变

解决

方法： 一、sessionStorage

利用sessionStorage 在跳转到B页面时 sessionStorage.setItem储存一下当前的搜索 条件

sessionStorage 不能直接存储对象，得把对象转化为json 格式才行

JSON.stringify（）

当从B页面返回A页面时在 created() 里面判断 sessionStorage 里面有没有对应的 值 如果有的话 就拿 sessionStorage 的值来 初始化 ，在使用sessionStorage的值时 得先转化为对象 ，才可以 使用

JSON.parse 转化一下在使用，因为 存的就是json

方法： 二、keep-alive

还没用过，当时的项目条件不适合这个，我也就没去使用，不过看着，也很简单，且等我用过后，在来补充

										**花出花开花盛花枯花落，有始有终。**