VUE對路由分別設置keep-alive

1,路由添加meta

{
    path: '/flowListCard',
    name: 'flowListCard',
    component: () => import('../views/flowListCard.vue'),
    meta: {
      keepAlive: true
    }
},

2,APP.vue添加keep-alive組件

<transition  name="fade" mode="in-out">
	<keep-alive >
	    <router-view v-if="$route.meta.keepAlive" />
	</keep-alive>
</transition >
<transition  name="fade" mode="in-out">
	<router-view v-if="!$route.meta.keepAlive"  />
</transition >

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章