vueナビゲーションバーインタフェースデータ遍歴による動的生成

権限管理を行うには、ナビゲーション・バーが次のように異なるアイデンティティに基づいて動的に生成される必要があります.

シミュレーションインタフェースのデータは次のとおりです.

[
  {
    "name": "  ",
    "path": "/index/home",
    "icon": "icon iconfont icon-home",
    "key": false,
    "son": []
  },
  {
    "name": "    ",
    "path": "/index/orders",
    "icon": "icon iconfont icon-order",
    "key": true,
    "son": [
      {
        "name": "    ",
        "path": "/index/orders/orderCheck",
        "icon": "icon iconfont icon-dui"
      },
      {
        "name": "    ",
        "path": "/index/orders/finanCheck",
        "icon": "icon iconfont icon-dui"
      },
      {
        "name": "    ",
        "path": "/index/orders/allOrders",
        "icon": "icon iconfont icon-dui"
      }
    ]
  },
  {
    "name": "    ",
    "path": "/index/seller",
    "icon": "icon iconfont icon-shangjia",
    "key": true,
    "son": [
      {
        "name": "    ",
        "path": "/index/seller/business",
        "icon": "icon iconfont icon-dui"
      }
    ]
  },
  {
    "name": "    ",
    "path": "/index/power",
    "icon": "icon iconfont icon-yuechi",
    "key": false,
    "son": []
  },
  {
    "name": "    ",
    "path": "/index/finanCount",
    "icon": "icon iconfont icon-caiwu",
    "key": false,
    "son": []
  }
]