菜单数据存储进vuex中

zuozhengqing

2023-12-20 f1aa97dacb7367a0babc0ecd68ccd708ca4e854b

 src/components/layout/components/appsidebar/index.vue

@@ -16,7 +16,7 @@
        text-color="#bfcbd9"
        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-money icon"></i>
            <span>{{item.title}}</span>
@@ -30,13 +30,11 @@
</template>

<script>
import {getMenuTreeByRole} from "@/api/menus/index"
export default {
  name: "AppSidebar",
  props: {},
  data() {
    return {
      menus:[]
    }
  },
  watch: {},
@@ -46,13 +44,7 @@
  },
  methods: {
    getMenuTreeByRole(){
      getMenuTreeByRole().then((res)=>{
        res.data.list.map((item)=>{
          if(item.systemType===4){
            this.menus=item.menus
          }
        })
      })
      this.menus=this.$store.state.menus.menus
    },
    // 监听路由
    initNavMenu() {