vueComponent
布局：一级菜单横向排布，二级&三级菜单左侧树形排版
如何实现一级菜单横向排布，二级&三级菜单左侧树形排版？ 也就是说，一级菜单顶部水平排布，二级&三级菜单页面左侧树形排布，而不是鼠标移入一级菜单展示二级菜单，可以实现不？
提供个我自己成功的思路： 1、给二级菜单路由添加路由元信息menus，代表所属父级菜单id 2、给一级菜单添加点击事件，点击修改vuex->state.user 3、在BasicLayOut的computed()中判断 routes.children[index]中元信息menus和state.user.menus是否相等。若相等，则添加到二级菜单中 computed: { ...mapState({ status: state => state.relateData.status, info: state => state.user.info, mainMenu: state => { const data = state.permission.addRouters const routes = data.find(item => item.path === '/') return routes && routes.children || [] } }), /** * 判断 routes.children[index]中元信息menus和state.user.menus是否相等，若相等，则添加到二级菜单中 */ menus () { var rr = [] const menus = this.$store.state.user.menus const routes = this.asyncRouterMap.find(item => item.path === '/') switch (this.$store.state.user.menus) { case menus: for (var index in routes.children) { if (routes.children[index].meta.menus === menus) { rr.push(routes.children[index]) } } break } return (routes && rr) || [] } } 通过暴力for循环来添加，还没想出其它更好的方法
