| | |
| | | text-color="#bfcbd9" |
| | | active-text-color="#fff" |
| | | > |
| | | |
| | | <el-submenu v-for="item in menus" :key="item.id" :index="item.id"> |
| | | <template slot="title"> |
| | | <i class="el-icon-s-grid icon"></i> |
| | | <span>{{ item.title }}</span> |
| | | </template> |
| | | <el-menu-item v-for="itm in item.children" :key="itm.id" :index="itm.path">{{ itm.title }}</el-menu-item> |
| | | |
| | | </el-submenu> |
| | | </el-menu> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | import {getMenuTreeByRole} from "@/api/menus/index" |
| | | import { mapMutations } from 'vuex'; |
| | | import { mapMutations } from "vuex" |
| | | export default { |
| | | name: "AppSidebar", |
| | | props: {}, |
| | |
| | | // ...mapState(['menus']), |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['setMenus']), |
| | | ...mapMutations(["setMenus"]), |
| | | getMenuTreeByRole(){ |
| | | getMenuTreeByRole().then((res)=>{ |
| | | res.data.list.map((item)=>{ |