Vue keep-aliveによるルーティングページキャッシュ

3224 ワード

に質問
ページがジャンプした後、取得したデータ、現在のページングなど、元のページの内容を保持し、後続の戻り時に表示します.
ソリューション
主にVue-routerとkeep-aliveラベルで処理
Vueページ
<template>
  <keep-alive>
    <router-view v-if="$route.meta.keepAlive">
      <!--             ,   Home! -->
    </router-view>
  </keep-alive>
  <router-view v-if="!$route.meta.keepAlive">
    <!--             ,   Edit! -->
  </router-view>
</template>

router.js
export default [{
  path: '/example',
  name: 'example',
  component: Main,
  meta: {
    keepAlive: true,
    title: '    ',
    icon: 'md-list'
  }
}]