需求:当一个项目中,不是所有的组件页面都需要缓存起来,因为有些页面是不需要的
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
$route.meta.keepAlive
判断当前组件是否有keepAlive属性
在路由js文件中在配置路由规则的时候配置
文章来源:https://www.toymoban.com/news/detail-573676.html
{
path: 'user-pwd', // 重置密码
component: () => import('@/views/user/userPwd.vue'),
name: 'user-pwd',
meta: {
title: 'user-pwd',
keepAlive: true //表示加了这个属性才有缓存效果,不加就没有
}
},
文章来源地址https://www.toymoban.com/news/detail-573676.html
到了这里,关于Vue使用keep-alive设置哪些组件可以被缓存,哪些不被缓存的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!