首页 > 编程 > JavaScript > 正文

浅析Vue项目中使用keep-Alive步骤

2019-11-19 13:24:29
字体:
来源:转载
供稿:网友

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,便达到了被缓存的效果。

总结

以上所述是小编给大家介绍的Vue项目中使用keep-Alive步骤,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表