实现页面缓存

// 缓存在<router-view></router-view>位置处展示的所有组件
<keep-alive>
    <router-view></router-view>
</keep-alive>

// 缓存在<router-view></router-view>位置处展示的单个指定组件
<keep-alive include="组件名">
    <router-view></router-view>
</keep-alive>

// 缓存在<router-view></router-view>位置处展示的多个指定组件
<keep-alive include="['组件名1', '组件名2']">
    <router-view></router-view>
</keep-alive>

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# 注意：

缓存的组件名一定要跟组件内name相同

export default {
  name: 'TagView' // 一定要跟这个名字相同，否组缓存失效
}

1
2
3

编辑

上次更新: 2022/11/02

← 多环境配置组件封装→