vue tab欄 動態路由得新增

2021-10-07 23:23:27 字數 720 閱讀 4268

思路

一:通過介面獲取路由配置(這個就不敘述了 不同得公司返回得東西都不太一樣)

主要有以下幾項

1.tabname 名字

2.path 鏈結

3.對應要載入元件得名稱(根據這個去決定載入什麼元件)

4是否是第一級得路由 這麼乙個字段

二,新增

新增一級路由

// 1級路由

let obj=,

}this.$router.options.routes.push(obj)

//重新掛載路由

this.$router.addroutes(this.$router.options.routes)

新增二級路由

// 二級路由

let obj1=,

}for(let i in this.$router.options.routes)else

this.$router.options.routes[i].children.push(obj1)}}

//重新掛載路由

vue addRoutes動態新增路由

大神請多多指點,寫的不好,我可以改.第一次寫,寫的不好你們也不要噴我,寫這個就是為了和我這樣的小白多交流交流,謝謝 首先src router index.js檔案 import vue from vue import vuerouter from vue router vue.use vuerout...

vue動態新增路由

通過routers中的addroutes方法動態新增路由 const routeobj routearr.push routeobj this.routers.addroutes routearr 注意 this.routers.addroutes arr 引數是陣列 過程遇到問題 1 重複路由 如...

Linux下新增靜態路由和動態路由

很多時候,網路之間不通,一般就是沒有新增路由 比如 paas的後台ip 172.26.126.65 微服務的後台ip 172.26.126.4 從paas調到微服務後發現網路不通,此時需要新增微服務的路由172.26.126.1或者172.26.126.92 gateway paas ubuntu ...