el-menu三级菜单示例

<el-menu default-active="0" class="el-menu-demo" mode="horizontal" background-color="#545c64" active-text-color="#ffd04b" text-color="#fff" router @select="handleSelect">
          <el-menu-item index="1" route="/PP/PP_Order">生产订单</el-menu-item>
          <el-menu-item index="2" route="/PP/PP_LineStop">产线停机</el-menu-item>
          <el-menu-item index="3" route="/PP/PP_DeviceStop">设备停机</el-menu-item>
          <!-- <el-menu-item index="4" route="/PP/PP_OEE">OEE/OLE</el-menu-item> -->
          <el-submenu index="4">
            <template slot="title">OEE/OLE</template>
            <!-- <el-menu-item index="4-1" route="/PP/PP_OEE">设备实时OEE</el-menu-item> -->
            <el-submenu index="4-1">
              <template slot="title">OEE/OLE</template>
              <el-menu-item index="4-1-1" route="/PP/PP_OEE">设备实时OEE</el-menu-item>
              <el-menu-item index="4-1-2">订单监控</el-menu-item>
              <el-menu-item index="4-1-3">设备停机分析</el-menu-item>
            </el-submenu>
            <el-menu-item index="4-2">订单监控</el-menu-item>
            <el-menu-item index="4-3">设备停机分析</el-menu-item>
            <!-- <el-submenu index="4-4">
              <template slot="title">选项4</template>
              <el-menu-item index="4-4-1">选项1</el-menu-item>
              <el-menu-item index="4-4-2">选项2</el-menu-item>
              <el-menu-item index="4-4-3">选项3</el-menu-item>
            </el-submenu> -->
          </el-submenu>
          <el-menu-item index="5" route="/PP/PP_Energy">能耗统计</el-menu-item>
        </el-menu>