Vue+Elementui 如何实现路由缓存

1.路由缓存不仅可以提高用户体验，还可以降低后端系统的压力

vue实现路由缓存的方式很简单：

首先在router路由配置的信息中添加 keepAlive：true属性。

  {
              path: "/fms/sealApplyDetails",
              name: "SealApplyDetails",
              component: sealApplyDetails,
              meta: {
                title: "印章申请明细",
                keepAlive: true,
                isBack: true
              }
            },

然后在使用keepAlive标签包裹路由

 <keep-alive>
                <router-view v-if="$route.meta.keepAlive"></router-view>
              </keep-alive>
              <!-- 不可以被缓存的视图组件 -->
              <router-view v-if="!$route.meta.keepAlive"></router-view>

这样就可以实现路由缓存