Vue におけるキープアライブ マルチレベル ルーティング キャッシュの問題

定数モジュール = []
files.keys().forEach(キー => {
    const filesObj = files(キー).default || files(キー)
    Object.keys(filesObj).forEach(keyOne => {
        modules.push(filesObj[keyOne])
    })
})

export const menuList = modules; // メニュー表示用​
const routerList = formatTwoStageRoutes(formatFlatteningRoutes(modules)); // ルートを 2 段階ルートにフラット化します​
const ルーター = 新しい VueRouter({
    スクロール動作: () => ({ y: 0 }),
    モード: '履歴'、
    ベース: process.env.BASE_URL、
    ルート: routerList, //ルーティング設定項目でフラット化されたルートを使用する})

エクスポートconst formatFlatteningRoutes = (routesList => {
  routeList.length <= 0 の場合、routesList を返します。
  リストを [] にします。
  ルートリスト.forEach(v => {
    if(v.path === '/') {
      // 初期レイアウトとホームページを追加するために使用されます。他のセンター構成は、レイアウトと親ノードをフィルターし、子のルートのみを保持します list.push(v);
      リスト = list.concat(formatFlatteningRoutes(v.children))
    } そうでない場合 (v.children && v.children.length > 0) {
      リスト = list.concat(formatFlatteningRoutes(v.children))
    } それ以外 {
      リストをプッシュします。
    }
  })
  リストを返します。
})
​
エクスポート const formatTwoStageRoutes = list => {
  if (list.length <= 0) の場合はリストを返します。
  定数ルーターリスト = [];
  リスト.forEach(v => {
    (v.path === '/')の場合{
      ルータリスト.push({
        コンポーネント: v.component、
        名前: v.name、
        パス: v.path,
        リダイレクト: 動詞、
        メタ: v.meta,
        子供たち： []
      })
    } そうでない場合 (v.path === '/login' || v.path === '/showcasePage') {
      // レイアウト設定を必要としないページ routerList.push(v)
    } それ以外 {
      ルーターリスト[0].children.push({ ...v })
    }
  })
  routerList を返します。
}