vue查询列表中所有用户信息_vue-element-admin 实现动态路由(从后台查询出菜单列表绑定)...

1. 在路由实例中保留基础路由

router/index.js中只需要保留基础路由，其他的都删了

2. 获取用户菜单，并保存到Vuex中

stroe/modules/user.js中，有个getInfo方法查询用户基本信息，返回了用户的菜单列表

// get user info

getInfo({ commit, state }) {

return new Promise((resolve, reject) => {

getInfo(state.token).then(response => {

const { data } = response

if (!data) {

reject('Verification failed, please Login again.')

}

console.log(data)

const menus =

[{

path: '/books',

component: 'Layout',

children: [{

path: 'index',

name: 'AddressBook',

component: 'workbench/addressbook',

meta: { title: '通讯录', icon: 'company' }

}]

},

{

path: '/systool',

component: 'Layout',

redirect: '/systool/coder',

name: 'SysTool',

meta: { title: '实验室', icon: 'example' },

children: [

{

path: 'calendar',

name: 'Calendar',

component: 'workbench/calendar',

meta: { title: '日程', icon: 'table' }

}

]

}]

const { name, avatar, companyName, employeeid } = data

commit('SET_NAME', name)

commit('SET_AVATAR', avatar)

commit('SET_CMPNAME', companyName)

commit('SET_USERID', employeeid)

commit('SET_MENUS', menus)

resolve(data)

}).catch(e