keep-alive标签不起作用

1.首先路由是否添加

meta:{

        keepAlive:true

}

        {
                                path:'choseTea',
                                component:()=> import('../view/admin/viewmain/AppointMan/NewAppoint/ChoseTeacher.vue'),
                                name:'ChoseTeacher',
                                meta:{
                                    keepAlive:true        //是否存活标志
                                  },
                            },

 2.标签位置不对

直接这样写在我这里的不生效

<keep-alive>   
    <router-view ></router-view>
</keep-alive>   

转为这样写就生效了包裹在<component :is="Component" />外层

           <router-view v-slot="{ Component }">
                <transition name="scale" mode="out-in">
                  <keep-alive>
                    <component :is="Component" />
                  </keep-alive>
                </transition>
              </router-view>