vue 路由切换时怎么样不销毁组件

Question

使用了 keep-alive 标签包裹了 router-view 标签路由切换的时候还是触发了销毁组件的生命周期钩子，求解怎么在切换路由的时候不销毁

html结构

<div class="aside">
    <ul class="aside-body">
           <router-link to="/manages/test" tag="li">
              <div>
                <p>something</p>
              </div>     
           </router-link>
    </ul>
</div>
<keep-alive>
    <router-view>
    </router-view>
</keep-alive>

路由

{
    path:'manages',
    name:'mag',
    component:r => {
        require(['../components/manages/manages.vue'],r)
    },
    children:[
        {
              path:'test',
              name:'mag-test',
              component:r => {
                require(['../components/manages/test.vue'],r)
              }
        }
    ]
}

Answer 1

需要在路由元信息meta内添加keepAlive字段