vue使用keep-alive缓存指定页面
需求: 从下单页进入购买协议,从购买协议返回需保存用户输入的姓名等信息,
1.之前直接使用keep-alive 会导致这个下单页一直保存, 哪怕从产品详情页进入下单页 也是的,
解决方案: 使用keep-alive的include属性选择性保存,结合vuex,直接上代码, 简单修改即可使用
1.此vuex中保存需要保存的页面值
2include的值是一个数组,数组里的值为页面的name值,有就保存,没有就不保存
3.在产品详情页准备去下单页的时候保存下单页面的name值,注意此name值是页面的name属性值,不是route的name值
4.在下单页监听路由,要去的购买协议页面就添加name值到vuex中缓存页面,不需要返回保存的即将vuex中的值改为空数组即可
5.缓存后 如果要请求数据 是需要在 activated周期函数中写的 created里的在返回回来后是不会调用的