<el-menu router :default-openeds="['1', '3']"> <el-submenu index="1"> <template slot="title"><i class="icon iconfont icon-icon-" style="font-size: 18px"></i> 訂單管理</template> <el-menu-item-group> <template slot="title">已付款</template> <el-menu-item index="/home/waitfahuo">待發貨</el-menu-item> <el-menu-item index="/home/yifahuo">已發貨</el-menu-item> </el-menu-item-group> <el-menu-item-group title="未付款"> <el-menu-item index="1-3">未付款</el-menu-item> </el-menu-item-group> </el-submenu> <el-submenu index="2"> <template slot="title"><i class="el-icon-menu"></i>商品管理</template> <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-submenu> <el-submenu index="3"> <template slot="title"><i class="el-icon-setting"></i>訂單統計</template> <el-menu-item-group> <el-menu-item index="3-1">訂單統計報表</el-menu-item> </el-menu-item-group> </el-submenu> </el-menu>
<el-menu></el-menu> 標簽路由跳轉，給這個標簽加個router屬性，類似開啟路由功能 <el-menu router :default-openeds="['1', '3']"> ，然后下面的 <el-menu-item index="/home/waitfahuo">待發貨</el-menu-item> 標簽中的index可以指定跳轉的路由地址