Vue + ElementUI 实现侧边菜单点击时加载一个动态菜单在横向位置
引 传统的左侧菜单的操作方式,在进行比对操作时并不是一个好的体验,下面讲到的实现是左侧菜单每次点击都会动态加载一个动态的横向菜单,而非仅左侧菜单一个入口 以下以Element UI组件库的菜单举例(虽然现在在切换到iview). 菜单在点击时的 @select 在vuex中定义一个用于存放横向导航数据的数组 以下为vuex中的数据 const state = { //导航 navigations: [] } const mutations = { set_navigations(state, data){ state.navigations = [...data] } } const actions = { async SET_NAVIGATIONS({commit}, data){ return commit('set_navigations',data) } } const getters = { navigations: state => state.navigations } // 此处省略挂载到store对象中的操作 Sidebar中需要如下可计算变量 computed: { navigations(){ return this.$store.getters.navigations } } 对组件中el-menu的@select进行回调 <el-menu :router=