<el-submenu index="2"> <template slot="title"> 吃外卖的好处 </template> <el-menu-item index="saveTime">省自己烧饭时间</el-menu-item> <el-menu-item index="saveWash">省了刷锅时间</el-menu-item> <el-menu-item index="saveRun">省了跑腿时间</el-menu-item> </el-submenu> <el-s...
问题一 el-submenu不加index的报错图 细节:el-submenu必须要加index 原因是index的属性值是定义组件时必须传入的。同时组件的@select也需要用到这个index 问题二 点击只有一级菜单时不自动合上其他已经展开的菜单 效果图 想要解决这个问题,就要用到组件提供的另外一个事件,@select事件,代码图如下 附带打印select回调函...
</el-submenu> </el-menu> </el-aside> 第一种方法: 利用select事件函数传递path值,使用this.$router.push()进行路由跳转 说明一下这个方法我在<el-menu>的属性里没有加router属性,还有就是<el-menu-item>里的index属性要写上你将要跳转的路由地址 select绑定的方法里js代码这样写的↓ handleSelect(key, k...
<!-- default-active 默认激活第一个 unique-opened 是否只需要展示一个菜单 router 开启路由跳转 对应的是 el-submenu 上绑定的index--> <el-menu :default-active="active" unique-opened router class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="#54...
item><el-submenuindex="2"><templateslot="title">项目管理</template><el-menu-itemindex="current":route="{ path: '/currentproject' }">当前项目</el-menu-item><el-menu-itemindex="history":route="{ path: '/historyproject' }">历史项目</el-menu-item></el-submenu></el-menu>...
<el-menu-item index="product2">产品2</el-menu-item> </el-submenu> </el-menu> 在上面的示例中,我们创建了一个水平模式的菜单,并设置了默认选中的菜单项。同时,我们开启了路由模式,这样当点击菜单项时,会自动触发路由跳转。 需要注意的是,在使用el-menu的过程中,我们需要和VueRouter进行配合使用,以实现...
el-menu 支持嵌套菜单,可以通过 el-submenu 组件来实现。下面是一个简单的嵌套菜单的示例: ```javascript <template> <el-menu default-active="2" class="el-menu-demo" mode="vertical"> <el-menu-item index="1">选项一</el-menu-item> <el-submenu index="2"> <template #title>选项二</template...
<el-submenu index="1"> <template #title>菜单1</template> <el-menu-item index="1-1">子菜单1-1</el-menu-item> <el-menu-item index="1-2">子菜单1-2</el-menu-item> </el-submenu> <el-submenu index="2"> <template #title>菜单2</template> <el-menu-item index="2-1">子菜单...
<el-menu-item index="3-1">选项1</el-menu-item> <el-menu-item index="3-2">选项2</el-menu-item> </el-menu-item-group> <el-menu-item-group title="分组2"> <el-menu-item index="3-3">选项3</el-menu-item> </el-menu-item-group> <el-submenu index="3-4"> <template slot...
Closed 使用el-meun的时候当el-menu-item 的内容比template内容长的时候,el-menu-item会换行 <el-menu mode="horizontal" @select="handleselect" :router="true"> <el-menu-item>Svend</el-menu-item> <el-submenu index="2"> <template slot="title">GIS相关</template> <el-menu-item index="coordtr...