大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
前言
创新互联建站主打移动网站、做网站、成都网站制作、网站改版、网络推广、网站维护、国际域名空间、等互联网信息服务,为各行业提供服务。在技术实力的保障下,我们为客户承诺稳定,放心的服务,根据网站的内容与功能再决定采用什么样的设计。最后,要实现符合网站需求的内容、功能与设计,我们还会规划稳定安全的技术方案做保障。最近蒸煮在做一个独立项目的时候遇到了一个小坑,特此做个爬坑纪念。
基本情景是页面之间通过vue路由跳转,从页面A跳转到页面B(在页面B进行对应操作后),再从页面B跳转到页面C。之后再从页面C返回到页面B,页面B保留之前状态,返回页面A,页面B状态不保留。(。・∀・)ノ゙嗨~感觉说的好乱。
总之就是,前进刷新,后退不刷新(刷新是指是否重新渲染)
相信很多小伙伴都会想到用keep-alive开启缓存页面来实现,鹅,蒸煮也没例外,下面就是蒸煮的爬坑过程。
vue路由开启keep-alive缓存页面
keep-alive是vue官方提供的一种缓存组件实例的方法。
第一步,先改写
//这是会被缓存的页面 //这里是不被缓存的组件