项目需求:由于公司产品较多页面加载相对慢,所以每次进行页面的刷新影响客户下单的效率。
1.首先对router.js进行操作
import indexOne from '@/components/indexOne'
{
path: '/indexOne',
name: 'indexOne',
component: indexOne,
link: '/indexOne',
meta: {
keepAlive: true // 需要缓存
}
},
2.对App.vue进行操作
<keep-alive>
<router-view v-if="$route.meta.keepAlive">