elementui 列表页进入详情再返回分页被重置

让列表页利用keep-alive缓存

app.vue
<template>
  <div id="app">
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>
1
2
3
4
5
6
7
8
9

router/index.js

{
        path: '/list',
        component: () =>
          import(
        '@/views/aaa/List.vue'
          ),
        meta: { keepAlive: true },
      },
1
2
3
4
5
6
7
8