From 15bcbd44b6a3b2ec34092bc5ed3e213fa9c55de4 Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期三, 20 十二月 2023 16:14:56 +0800
Subject: [PATCH] 将侧栏菜单数据存储进vuex
---
src/components/layout/components/appsidebar/index.vue | 26 +++++---------------------
1 files changed, 5 insertions(+), 21 deletions(-)
diff --git a/src/components/layout/components/appsidebar/index.vue b/src/components/layout/components/appsidebar/index.vue
index f14c975..be3e75a 100644
--- a/src/components/layout/components/appsidebar/index.vue
+++ b/src/components/layout/components/appsidebar/index.vue
@@ -17,55 +17,39 @@
active-text-color="#fff"
>
- <el-submenu v-for="item in menus" :key="item.id" :index="item.id">
+ <el-submenu v-for="item in menus" :key="item.id" :index="item.id.toString()">
<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-menu-item v-for="itm in item.children" :key="itm.id" :index="itm.path">{{ itm.title }}</el-menu-item>
</el-submenu>
</el-menu>
+ <!-- <el-empty v-if="!this.menus" description="娌℃湁渚ф爮鑿滃崟"></el-empty> -->
</div>
</div>
</template>
<script>
-import {getMenuTreeByRole} from "@/api/menus/index"
-import { mapMutations } from 'vuex';
export default {
name: "AppSidebar",
props: {},
data() {
return {
- menus:[]
+ menus: this.$store.state.menus
}
},
watch: {},
created() {
this.initNavMenu()
- this.getMenuTreeByRole()
- },
- computed:{
- // ...mapState(['menus']),
},
methods: {
- ...mapMutations(['setMenus']),
- getMenuTreeByRole(){
- getMenuTreeByRole().then((res)=>{
- res.data.list.map((item)=>{
- if(item.systemType===3){
- this.menus=item.menus
- }
- })
- })
- },
// 鐩戝惉璺敱
initNavMenu() {
// console.log(this.$route.name)
},
handleOpen(index) {
- console.log(index,"menuIndex")
+ console.log(index, "menuIndex")
},
handleClose() {}
}
--
Gitblit v1.8.0