通過簡易配置動態在線生成Vue+ELementUI 腳手架
地址： 在線生成
比如我們要建立這樣一個結構的管理系統：
-
首頁
-
頁面1
-
頁面2
-
頁面2-1
-
頁面2-2
-
頁面2-3
-
頁面2-3-1
-
頁面2-3-2
-
-
-
頁面3
-
頁面4
那麼我們就只需要這樣寫便可以直接搭建好你需要的架構了
[
{label: '首頁'},
{label: '頁面1'},
{label: '頁面2', children: [
{label: '頁面2-1'},
{label: '頁面2-2'},
{label: '頁面2-3', children: [
{label: '頁面2-3-1'},
{label: '頁面2-3-2'}
]},
]},
{label: '頁面3'},
{label: '頁面4'}
]
點擊提交就可以生成你要的架構了，如果你已經安裝了vue的開發環境了，那解壓後
cd project npm i //cnpm i npm run dev
便可以啓動了
動態路由
而且也許你還會根據角色的不同來動態路由，沒錯，也非常方便
編輯 src/permission.js 中的 這段代碼就可以了
function getRoutes() {
return new Promise(resolve => {
/**
* api.call("/User/getRoutes").then(res => {
* //res.data爲route Name數組
* resolve(filter(routes, res.data))
* })
*/
resolve(filter(routes, []))
})
}
比如a用戶沒有 '頁面1', '頁面2-3-1' 兩頁面, 那麼， 數組爲routes.js中的name屬性
function getRoutes() {
return new Promise(resolve => {
resolve(filter(routes, ['YeMian1', 'YeMian2/YeMian2-3/YeMian2-3-1']))
})
}
比如b用戶沒有 '頁面2' 模塊
function getRoutes() {
return new Promise(resolve => {
resolve(filter(routes, ['YeMian2']))
})
}
