Vue keep-aliveによるルーティングページキャッシュ
3224 ワード
に質問
ページがジャンプした後、取得したデータ、現在のページングなど、元のページの内容を保持し、後続の戻り時に表示します.
ソリューション
主にVue-routerとkeep-aliveラベルで処理
Vueページ
router.js
ページがジャンプした後、取得したデータ、現在のページングなど、元のページの内容を保持し、後続の戻り時に表示します.
ソリューション
主に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'
}
}]