首页 > 其他好文 > 详细

六、vue如何缓存页面

时间：2017-08-07 13:27:45 阅读：189 评论：0 收藏：0 [点我收藏+]

标签：images 路由配置更改标签 nic view img bsp logs

vue如何和ionic的缓存机制一样，可以缓存页面，在A页面跳转至B页面后返回A页面时A页面的数据还在？

在app.vue中将router-view使用keep-alive包起来，使用v-if来判断使用使用被缓存的组件，在keep-alive外面也需要写相同的router-view,用来处理不被缓存的视图组件。

技术分享

在路由配置里面对需要被缓存的页面进行配置。如下图所示：

技术分享

这里注意：transition标签下面只能有一个自元素标签，所以使用div将里面的元素包起来。
页面缓存后，页面的部分内容又需要进行更新，在这种情况下要如何处理：需要将更改的信息写在activated里面，注意它不是在method里面。例如：

activated(){//缓存页面但是还有部分数据需要改动}

技术分享

六、vue如何缓存页面

标签：images 路由配置更改标签 nic view img bsp logs

原文地址：http://www.cnblogs.com/gunelark/p/7298328.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！