默认情况下,el-sub-item和el-menu-item之间的空隙是20px。如果您想减小或增大两个元素之间的空隙,可以通过修改CSS样式来实现。 1.全局修改空隙: 您可以在您的CSS文件中添加以下样式来修改全局的空隙大小: ``` .el-menu-item, .el-submenu-item { margin-bottom: 10px; /*设置自己期望的空隙大小*/ } ``...
然后通过给el-submenu__title设置一个绝对定位,并将其置于背景图片元素的上层,实现展开时不修改el-menu-item的背景。最后,通过为el-menu-item设置一个相对定位和z-index属性,确保其在el-sub-menu__title上层显示。
Bug Type: Component Environment Vue Version: 3.2.47 Element Plus Version: 2.3.3 Browser / OS: Chrome 112 Build Tool: Vite Reproduction Related Component el-menu-item el-sub-menu Reproduction Link Element Plus Playground Steps to reproduc...
vue <template> <el-menu :default-openeds="['1']" class="el-menu-vertical-demo"> <el-submenu index="1"> <template slot="title">导航一</template> <el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="1-2...
edited 我这里使用Vue 3.2.41 + element-plus 2.2.26,首次显示不卡,但是点击按钮,切换左侧菜单的收起展开就很卡,要10多秒钟才能出来(我的菜单树形结构有4层,数量非常多) 根据@kooriookami说的与Chromium内核有关,我用操作系统自带的Edge浏览器,展开折叠不卡。用360浏览器(内核版本86的)也不会卡,用QQ浏览器(内...
slots={{title:()=>[slots.default(),slots.title()]}}>{renderMenuList(children)}</ElSubMenu>)}else{return(<ElMenuItemkey={path}index={path}router={path}v-slots={slots}onClick={()=>onClickMenu(menu)}></ElMenuItem>)}}functionrenderMenuList(list:Menu[]){returnlist.map(renderMenuItem...