1.app.vue中代码
<template>
<div id="app">
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
</div>
</template>
<script>
export default {
name: 'App',
}
</script>
2.router.js中代码
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const List = () => import('@/components/List/List') // 分类列表
const Search = () => import('@/components/Index/Search') // 搜索
const router = new Router({
mode: 'history',
routes: [
{ path: '/List',name: 'List', component: List, meta:{title:'分类列表',keepAlive: true}},//需要缓存的页面
{ path: '/Search',name: 'Search', component: Search, meta:{title:'搜索'}},//不需要缓存的页面
//需要缓存的页面把keepAlive设为true,不需要的缓存的页面不用写就可以了
],
})
export default router