问题出在el-icon元素在title模板内的使用。解决方法是将el-icon移出#title,但el-sub-menu的情况需保持el-icon在内,否则显示异常。调整后的代码使菜单项在展开和折叠状态下均能正确显示图标。 错误示范: <el-menu-item v-if="hasChild(item) == 0":index="resolvePath(item.path)":key="resolvePath(item....
Element Plus Version:2.8.5 Browser / OS:chrome 最新版 Build Tool:Vite Reproduction Related Component el-menu Reproduction Link Element Plus Playground Steps to reproduce 我把网站上环境里的代码拷贝到我本地 app.vue 里 collapse 折叠的时候 反应慢。大概2s才有反应。 但是网站环境里运行就没问题 。 What...
测试出另一个问题,如果class=》back的颜色设置与el-menu的background-color一样或者相近,就会出现上述的卡顿问题 What is Expected? 展开菜单应该非常丝滑流畅,不会卡顿 What is actually happening? 展开菜单会出现卡顿 Additional comments 我测试了在60hz屏幕下效果不明显,请尝试使用75hz及以上,我用的75hz会出现该...
使用Select V2 虚拟列表选择器 代码示例: <el-form-itemlabel="场所名称"><el-select-v2class="row-inp"v-model="queryForm.id":options="placeData"clearable filterable placeholder="请选择场所"></el-select-v2></el-form-item> 这里由于多个页面使用 所以将数据请求放在了vuex actions 中 ,具体代码如下:...
import{MenuasMenuIcon}from'@element-plus/icons-vue' 1. 最后,我只直接换了一个其他icon组件,然后我提交了issues,建议他们重新改下命名方式。链接:[Bug Report] el-menu菜单组件引入动态渲染icon图标时,图标组件刚好是Menu时报错,菜单不显示 · Issue #5570 · element-plus/element-plus · GitHub...
vue3+element plus项目,当使用了el-table的展开行时,想要实现全部展开功能,在全部展开时会卡顿,阻塞线程。使用了:expand-row-keys="expandRowArr",通过将key全部插入数组expandRowArr.value = comm...
其实对于el-table本身我也没有好的解决方案、只能给遇到同样问题的小伙伴推荐一下vxe-table了,vxe-table完全可以解决卡顿的问题 我用的是 vue3.x + vite 其他版本的vue也是支持的详情可以看下方的 gitHub和vxe-table文档 第一步 安装依赖 版本:vue3.x, 依赖库:xe-utils ...
试着给el-menu加了key,没有重新渲染。 想了想,有没有可能是菜单引用地址变了,所以不会重新渲染(没有看element-plus的源代码,不知道怎么实现的)? 于是,点击2进行切换的时候直接修改的子项url,没有调用getMenus这个方法。试下: menus[0].url = '/a/' + b + '/xxxx' ...
elementPlus动态图标 el-menu动态加载 先看需要实现的效果 这里有一级也有二级菜单,注意二级菜单的父目录(”选项设置“点击不会跳转,只是展开目录),然后点击去详情页,需要跳到一个隐藏的路由,不在菜单展示的路由 还有一点要注意,就是这里有两个router-view,整个页面是一个router-view,可以由LoginView和HomeView替换(...
使用element plus中的el-menu组件本身并不具备页面缓存的功能。el-menu主要用于构建导航菜单,与页面内容的缓存无直接关联。页面缓存通常是通过Vue的<keep-alive>组件或状态管理(如Vuex、Pinia等)来实现的。 1. 确认el-menu组件是否默认具有页面缓存功能 结论:el-menu不默认具有页面缓存功能。它仅负责展示导航...