Menu Methods # 方法名说明参数 open 展开指定的 sub-menu index: 需要打开的 sub-menu 的 index close 收起指定的 sub-menu index: 需要收起的 sub-menu 的 index Menu Events # 事件名说明回调参数 select 菜单激活回调 index: 选中菜单项的 index, indexPath: 选中菜单项的 index path, item: 选中菜单项...
使用ref绑定el-men标签,方法触发 methods:{closeMenu(){this.$refs.menu.close('sub-menu的index')}}
Bug Type: Component Environment Vue Version: 3.2.20 Element Plus Version: 2.1.4 Browser / OS: Chrome/99.0.4844.74/Mac OS X 10_15_7 Build Tool: Vite Reproduction Related Component el-sub-menu el-menu Reproduction Link Docs CN Steps to rep...
在vite+ts+elementplus中自动导入遇到的问题 总是报Failed to resolve import "element-plus/es/el-sub-menu" from "src\components\ 我的解决办法 把配置的顺序调一下 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' ...
1.我们先看一下elementplus官网对于el-sub-menu的用法:具名插槽的名称是title,我们在使用el-sub-menu组件的时候需要传入title插槽,jsx是没有template标签的,也没有#title的写法。且往下看: 2.传入方式如下: <el-sub-menu index={menu.id} v-slots={slots}> ...
pic2.jpg 产生这个问题的原因可能是在flex布局中子元素el-menu的宽度在没指定的时候,默认是最小的,在最小的情况下el-menu-item不显示了,只显示内部自动添加的el-sub-menu。更具体的原因可能需要看element-plus的源代码了。由于精力有限,这里就不研究展开了。
结果就正常了 产生这个问题的原因可能是在flex布局中子元素el-menu的宽度在没指定的时候,默认是最小的,在最小的情况下el-menu-item不显示了,只显示内部自动添加的el-sub-menu。更具体的原因可能需要看element-plus的源代码了。由于精力有限,这里就不研究展开了。
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...
Element Plus 是一个基于 Vue 3 和 Vite 的组件库,它提供了一套丰富的 UI 组件,用于构建高质量的网页应用程序。Element Plus 是 Element UI 的 Vue 3 版本,Element UI 是一个广泛使用的 Vue 2 组件库。Element Plus 继承了 Element UI 的设计哲学和组件结构,同时利用 Vue 3 的新特性,如组合式 API(Compos...
默认情况下,el-sub-item和el-menu-item之间的空隙是20px。如果您想减小或增大两个元素之间的空隙,可以通过修改CSS样式来实现。 1.全局修改空隙: 您可以在您的CSS文件中添加以下样式来修改全局的空隙大小: ``` .el-menu-item, .el-submenu-item { margin-bottom: 10px; /*设置自己期望的空隙大小*/ } ``...