修改菜单

src/layout/index/native.vue

@@ -2,23 +2,7 @@
   <div id="native">
     <el-row>
       <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
-               background-color="rgba(0,0,0,0.4)" text-color="#fff" active-text-color="#fff">
-        <!-- <el-submenu index="1">
-          <template slot="title">新闻资讯</template>
-          <el-menu-item index="1-1" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">新闻资讯
-          </el-menu-item>
-          <el-menu-item index="1-2" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">新闻资讯
-          </el-menu-item>
-          <el-menu-item index="1-3" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">新闻资讯
-          </el-menu-item>
-        </el-submenu>
-        <el-submenu index="2">
-          <template slot="title">计算服务</template>
-          <el-menu-item index="2-1" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">计算服务
-          </el-menu-item>
-          <el-menu-item index="2-2" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">计算服务</el-menu-item>
-          <el-menu-item index="2-3" style="float: left;height:60px;line-height:60px;font-size:20px;" class="hover">计算服务</el-menu-item>
-        </el-submenu> -->
+               background-color="rgba(0,0,0,0.4)" text-color="#fff" active-text-color="#fff" :router="true">
         <template v-for="(item, index) in menu">
           <el-submenu :index="`${index}`" :key="index" v-if="item.type !== 'url' && item.type !== 'content'">
             <!-- 输出一级栏目↓ -->

src/layout/list/mainLeft.vue

@@ -4,15 +4,12 @@
       <el-col :span="24">
         <el-menu :default-active="path" class="el-menu-vertical-demo" :router="true">
           <template v-for="(item, index) in subMenu">
-            <el-submenu :index="`${index}`" :key="index" v-if="item.children">
-              <template slot="title">
-                  {{ item.title }}
+            <template v-if="item.children&&item.children.length>0">
+                <template v-for="(sec) in item.children">
+                  <el-menu-item :index="sec.path" :key="sec.id" v-if="sec.type !== 'url'">{{ sec.title }}</el-menu-item>
+                  <el-menu-item :index="``" :key="sec.id" @click="turnTo(sec.url)" v-else> {{ sec.title }}</el-menu-item>
                 </template>
-                <template v-for="(sec,secIndex) in item.children">
-                  <el-menu-item :index="sec.path" :key="secIndex+'sec'" v-if="sec.type !== 'url'">{{ sec.title }}</el-menu-item>
-                  <el-menu-item :index="``" :key="secIndex+'sec'" @click="turnTo(sec.url)" v-else> {{ sec.title }}</el-menu-item>
-                </template>
-            </el-submenu>
+            </template>
             <el-menu-item :index="item.path" :key="index" v-else-if="item.type === 'content'||item.type==='column'">{{ item.title }}</el-menu-item>
             <el-menu-item :index="`${index}-${subIndex}`" :key="index" @click="turnTo(item.url)" v-else> {{ item.title }}</el-menu-item>
           </template>