Vue项目中使用keep-Alive步骤
vue 2.1.0之前,实现方式:1/router/index.js 配置路由元信息keepAlive: true{path: "user",name: "用户管理",component: User,meta: {requireAuth: true,kee...
·
vue 2.1.0之前,实现方式:
1 /router/index.js
配置路由元信息keepAlive: true
{
path: "user",
name: "用户管理",
component: User,
meta: {
requireAuth: true,
keepAlive: true // 用户列表需要被缓存
}
},
2 /app.vue
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
user路由的$route.meta.keepAlive为true,便达到了被缓存的效果。
更多推荐
已为社区贡献4条内容
所有评论(0)