vue缓存的keepalive页面刷新数据的方法-创新互联

用到这个的业务场景是这样的：

创新互联长期为千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为武隆企业提供专业的网站建设、成都网站建设，武隆网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

a页面点击新建列表按钮进入到新建的页面b，填写b页面并点击b页面确认添加按钮，把这些数据带到a页面，填充到列表（数组），可以添加多条，

点击这条的时候进入到编辑页面，确认修改之后，回退到a页面，a页面需要更新这条数据

实现这个功能的时候，由于是路由页面之间的跳转，首先想到的方案有几个：1. 用sessionStorage本地存储；2. 用路由参数带过去；3. 用兄弟组件传值

由于是添加完之后如果按回退是需要退出整个页面，如果用路由跳转，会出现回退到编辑页面了，所以这个方法首先排除

用本地存储的时候，如果不加回退也会吧之前存的历史记录给带过来，所以最终选用了第三种方法

由于a页面需要缓存，所以用到了路由页面的缓存

router.js

{path: '/a',name: 'a',component: a,meta: {keepAlive: true}},

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：vue缓存的keepalive页面刷新数据的方法-创新互联
转载注明：http://bzwzjz.com/article/cecgig.html