zuozhengqing
2023-12-13 fe87d39adb4e995ccf96a45b142ae026c3cf5eae
src/components/layout/components/appsidebar/index.vue
@@ -17,13 +17,12 @@
        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>
    </div>
@@ -31,14 +30,14 @@
</template>
<script>
import {getMenuTreeByRole} from "@/api/menus/index"
import {  mapMutations } from 'vuex';
import { getMenuTreeByRole } from "@/api/menus/index"
import { mapMutations } from "vuex"
export default {
  name: "AppSidebar",
  props: {},
  data() {
    return {
      menus:[]
      menus: []
    }
  },
  watch: {},
@@ -46,16 +45,16 @@
    this.initNavMenu()
    this.getMenuTreeByRole()
  },
  computed:{
    // ...mapState(['menus']),
  computed: {
    // ...mapState(['menus']),
  },
  methods: {
    ...mapMutations(['setMenus']),
    getMenuTreeByRole(){
      getMenuTreeByRole().then((res)=>{
        res.data.list.map((item)=>{
          if(item.systemType===3){
            this.menus=item.menus
    ...mapMutations(["setMenus"]),
    getMenuTreeByRole() {
      getMenuTreeByRole().then((res) => {
        res.data.list.map((item) => {
          if (item.systemType === 3) {
            this.menus = item.menus
          }
        })
      })
@@ -65,7 +64,7 @@
      // console.log(this.$route.name)
    },
    handleOpen(index) {
      console.log(index,"menuIndex")
      console.log(index, "menuIndex")
    },
    handleClose() {}
  }