修改

src/components/mall.vue

@@ -282,67 +282,27 @@
           <div class="asideInner">{{currentUser.MallName}}</div>
         </div>
         <ul>
-          <li class="menu-item" @mouseover="mouseOver">
-            <i class="iconfont icon-dianpuguanli"></i>
-            <div class="vue-line-clamp">店铺管理</div>
-          </li>
-          <li class="menu-item" @mouseover="mouseOver">
-            <i class="iconfont icon-shangpinguanli"></i>
-            <div class="vue-line-clamp">商品管理</div>
-          </li>
-          <li class="menu-item" @mouseover="mouseOver">
-            <i class="iconfont icon-dingdanguanli"></i>
-            <div class="vue-line-clamp">订单管理</div>
-          </li>
-          <li class="menu-item" @mouseover="mouseOver">
-            <i class="iconfont icon-yonghuguanli"></i>
-            <div class="vue-line-clamp">用户管理</div>
-          </li>
-          <li class="menu-item" @mouseover="mouseOver">
-            <i class="iconfont icon-shujutongji"></i>
-            <div class="vue-line-clamp">数据统计</div>
-          </li>
-          <li class="menu-item" @mouseover="mouseOver">
-            <img src="../assets/img/plugins.png" />
-            <div class="vue-line-clamp">营销中心</div>
-          </li>
-          <li class="menu-item" @mouseover="mouseOver">
-            <i class="iconfont icon-shezhi"></i>
-            <div class="vue-line-clamp">设置</div>
+          <li class="menu-item" @mouseover="mouseOver(item)" v-for="(item,index) in MenuList" :key="index">
+            <i class="iconfont" :class="item.IconClass"></i>
+            <div class="vue-line-clamp">{{item.MenuName}}</div>
           </li>
         </ul>
       </div>
       <div class="leftMenu2" v-if="showTwo">
         <div class="is-show-menu-1" @click="hideTwo()">
           <<</div> <div class="menu-item-2-title">
-            店铺管理
+            {{secondList.MenuName}}
         </div>
         <div>
           <el-menu :default-active="defaultActive" :unique-opened="true" class="el-menu-vertical-demo">
-            <el-submenu index="1">
+            <el-submenu :index="childIndex" v-for="(childItem,childIndex) in secondList.SubList" :key="childIndex">
               <template slot="title">
-                <span>店铺设计</span>
+                <span>{{childItem.MenuName}}</span>
               </template>
               <el-menu-item-group>
-                <el-menu-item index="1-1">
-                  <div class="isaa" :class="defaultActive=='1-1'?'isActive':''">轮播图</div>
+                <el-menu-item :index="childIndex-thirdIndex" v-for="(thirdChild,thirdIndex) in childItem.ThirdList" :key="thirdIndex">
+                  <div class="isaa" :class="defaultActive=='1-1'?'isActive':''">{{thirdChild.MenuName}}</div>
                 </el-menu-item>
-                <el-menu-item index="1-2">
-                  <div class="isaa" :class="defaultActive=='1-2'?'isActive':''">导航图标</div>
-                </el-menu-item>
-                <el-menu-item index="1-3">商城风格</el-menu-item>
-                <el-menu-item index="1-4">图片魔方</el-menu-item>
-              </el-menu-item-group>
-            </el-submenu>
-            <el-submenu index="2">
-              <template slot="title">
-                <span>店铺设计</span>
-              </template>
-              <el-menu-item-group>
-                <el-menu-item index="2-1">轮播图</el-menu-item>
-                <el-menu-item index="2-2">导航图标</el-menu-item>
-                <el-menu-item index="2-3">商城风格</el-menu-item>
-                <el-menu-item index="2-4">图片魔方</el-menu-item>
               </el-menu-item-group>
             </el-submenu>
           </el-menu>
@@ -397,6 +357,7 @@
         currentUser: {},
         Height:0,
         MenuList: [], //菜单列表
+        secondList:{},
       };
     },
     created() {
@@ -420,9 +381,11 @@
         this.isShowOne = true;
       },
       //鼠标移入
-      mouseOver() {
+      mouseOver(item) {
         this.showTwo = true;
         this.isShowOne = false;
+        this.secondList=item;
+        console.log(item,'item');
       },
       //菜单点击
       clickMenu(item){