本篇文章給大家分享的是有關(guān)在vue路由結(jié)構(gòu)中如何實(shí)現(xiàn)動(dòng)態(tài)添加路由，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話(huà)不多說(shuō)，跟著小編一起來(lái)看看吧。

“專(zhuān)業(yè)、務(wù)實(shí)、高效、創(chuàng)新、把客戶(hù)的事當(dāng)成自己的事”是我們每一個(gè)人一直以來(lái)堅(jiān)持追求的企業(yè)文化。 創(chuàng)新互聯(lián)建站是您可以信賴(lài)的網(wǎng)站建設(shè)服務(wù)商、專(zhuān)業(yè)的互聯(lián)網(wǎng)服務(wù)提供商! 專(zhuān)注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、設(shè)計(jì)服務(wù)業(yè)務(wù)。我們始終堅(jiān)持以客戶(hù)需求為導(dǎo)向，結(jié)合用戶(hù)體驗(yàn)與視覺(jué)傳達(dá)，提供有針對(duì)性的項(xiàng)目解決方案，提供專(zhuān)業(yè)性的建議，創(chuàng)新互聯(lián)建站將不斷地超越自我，追逐市場(chǎng)，引領(lǐng)市場(chǎng)！

動(dòng)態(tài)添加路由基本功能

let routes=[{ path: '/login', name: 'login', component: () => import('../components/Login.vue') }]

this.$router.addRoutes(routes)

涉及多層路由嵌套 如圖

單純使用addRoutes 層級(jí)結(jié)構(gòu)不同

修改路由結(jié)構(gòu)

例：

{
     name:'account',
     path: '/account/account',
     meta: {
      title: '個(gè)人中心',
      requireAuth: true
     },
     component: account,
     children:[
      {
       name: 'account',
       path: '/account/account',
       meta: {
        title: '賬號(hào)設(shè)置',
        requireAuth: true
       },
       component: setAccount,
      },
      {
       name: 'childMgt',
       path: '/account/childMgt',
       meta: {
        title: '子賬號(hào)管理',
        requireAuth: true
       },
       component: childMgt,
      },
      
     ]
},

網(wǎng)頁(yè)名稱(chēng)：在vue路由結(jié)構(gòu)中如何實(shí)現(xiàn)動(dòng)態(tài)添加路由-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://weahome.cn/article/igppg.html