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步驟,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!
新聞熱點
疑難解答