// 在模板中使用:
<div class="home">
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
</div>
// 路由配置中:
[
{
path: '/blog',
name: 'blog',
component: blog,
meta: { keepAlive: false } // false为不缓存
},
{
path: '/addBlog',
name: 'addBlog',
component: addBlog,
meta: { keepAlive: true } // true为缓存
}
]
vue中页面设置缓存与不缓存的方法
最新推荐文章于 2024-05-07 16:11:53 发布