keep-alive实现页面缓存

2020-11-23  本文已影响0人  盖子pp

经常遇到在编辑页面填写数据,写到一半返回前面页面,再回来的时候数据还要在,不需要再重新填写,这样就需要对编辑页面做缓存
可以使用keep-alive
在app.vue的component套一个keep-alive,把需要实现缓存的页面的name用include传进去,注意是页面的name,不是路由的name

<!-- 逗号分隔字符串 -->
<keep-alive include="a,b">
  <component :is="view"></component>
</keep-alive>

<!-- 正则表达式 (使用 `v-bind`) -->
<keep-alive :include="/a|b/">
  <component :is="view"></component>
</keep-alive>

<!-- 数组 (使用 `v-bind`) -->
<keep-alive :include="['a', 'b']">
  <component :is="view"></component>
</keep-alive>
上一篇 下一篇

猜你喜欢

热点阅读