:default-openeds="['1']" 表示默认展开的el-submenu是index="1"的那个。 测试代码以确保el-submenu默认展开功能生效: 在你的Vue项目中运行这段代码,并确保el-submenu在页面加载时自动展开。 根据测试结果调整代码: 如果发现el-submenu没有按预期展开,检查index属性是否设置正确,并确保default-openeds数组中包含...
<el-menu :default-openeds="[0]" :default-active="$route.path" theme="light" unique-opened router> <div> <div class="compamyTit_ebt"><img src="/static/img/companyTopPic_index_ebt.png"> <p>易报通</p></div> </div> <template v-for="(item,index) in $router.options.routes" v...
创建外层菜单AsideMenu.vue组件和子菜单项AsideSubMenu.vue组件,在AsideSubMenu中进行递归操作。 AsideMenu.vue文件内容如下: <template> <asideclass="wrap"> <el-menu :default-active="activeMenu" router :class="'menu-left'" :default-openeds="openedsArr" text-color="#fff" > <AsideSubMenu:menuData=...
element el-submenu实现网页局部跳转 <el-containerstyle="height: 500px; border: 1px solid #eee"><el-asidewidth="200px"style="background-color: rgb(238, 241, 246)"><el-menu:default-openeds="['1', '3']">//这里el-menu定义了当前的导航菜单及属性<el-submenuindex="1">//el-submenu定义了...
当用户点击了导航二,触发事件,将defaultOpenedsArray=[],如果点击的是导航一,就将导航一的index,替换defaultOpenedsArray中的第一项, 这样就完成了第一个需求 接着是第二个需求,先设置 @open="submenuEvent"事件,拿到索引,并直接跳转到想要点击的子项,直接触发点击某个子项时会调用的事件就ok了...
<template lang='pug'> section(style='width:210px') el-menu(default-active='menu1' :default-openeds='["submenu1"]' @open='handleOpen' @close='handleClose' @select='handleSelect') el-menu-item(index='menu1') 单项菜单1 el-menu-item(index='menu2') 单项菜单2 el-submenu(index='submen...
<template><divclass="newslist_content"><divclass="left"><!-- :default-active="defaultActive" --><el-menu:default-openeds="['4']"active-text-color="#00C0FF"><el-submenu:index="item.id + ''"v-for="(item, index) in left_list":key="index"@click.native="getFirCaterList( ...
根据右边的组件内容左边的菜单栏的相应位置点亮 <el-menu:active="navselected" :default-active="navselected" @select="selectItems" :default-openeds="navselectedbig"> 当中可以用 vue el-submenu实现导航跳转 样式直接参考ElementUI官网即可 布局确定之后需要实现跳转(1)el-menu添加route属性,属性的使用查看官网...
//unique-opened只允许有⼀个下拉菜单处于打开的状态 //使⽤default-active来实现当前菜单激活的选项 //default-openeds当前打开的 sub-menu 的 index 的数组 <el-menu-item index=‘/home‘>⾸页</el-menu-item> <el-submenu> <template slot="title"> <i class=‘‘></i><span>导航...
:default-openeds="openedsArr" text-color="#fff" > <LeftSubMenu:menuData="menuData"></LeftSubMenu> </el-menu> </template> <scriptsetup> importLeftSubMenufrom"@/components/LeftSubMenu.vue"; import{ computed }from"vue"; import{ useRouter }from"vue-router"; ...