情况一:单个菜单页面刷新导航失去高亮;(如下图这种菜单类型) 问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值,解决这个只用取出当前页的路由然后赋值给activeIndex即可,代码如下: <el-menu :default-active="activeIndex" mode="horizontal" :ro...
2.把正确的key值手动付给items,就是下面的代码,用这个$set()我注释的那一段也可以,不过没必要,因为activeIndex依然不会变(之后会讲到)。 toSideMenu(children) {letthat =this;this.somenu= children;letkeymap =newMap();setTimeout(function() {for(letiteratorinthat.$refs.aside_menu.items) { keymap....
残留的样式为 .el-menu-horizental .el-menu-item:not(.is-disabled):focus .el-menu 鼠标点击除了 submenu 的 menu-item 以外的任意地方,残留的样式就会消失 polarovechanged the title[Component] menu组件的menu-item的样式在切换至submenu的menu-item时没有及时清除,此外,在router模式下,选中submenu的menu-ite...
url:'/firm'}]}...]<el-menuclass="header-menu"mode="horizontal"active-text-color="#419eff":default-active="$route.path"@select="handleSelect"><templatev-for="(item, index) in menus"><el-submenuv-if="item.children"popper-class="header-submenu":key="item.name":index="item.url"><t...
Bug Type: Component Environment Vue Version: 3.2.37 Element Plus Version: 2.2.12 Browser / OS: Chrom 103.0.5060.134(Windows 10 21H2;Win64;x64) Build Tool: Vite Reproduction Related Component el-menu-item Reproduction Link Element Plus Pl...
在<el-menu>中需要--router---或者router=true 在<el-submenu>中的index不可缺少,为必须值,不过此处的index仅为索引,用来让当前元素下的子菜单收缩或释放。每一个submenu的index值只要不一样便可 在<el-menu-item>中,index的值不可缺少,就是用这个来进行路由跳转,index的值为跳转的路径 以下是...
<i class="el-icon-location"></i> <span>导航一</span> </template> <el-menu-item-group> <template slot="title">分组一</template> <el-menu-item index="1-1">选项1</el-menu-item> <el-menu-item index="1-2">选项2</el-menu-item> ...
import{MenuasMenuIcon}from'@element-plus/icons-vue' 1. 最后,我只直接换了一个其他icon组件,然后我提交了issues,建议他们重新改下命名方式。链接:[Bug Report] el-menu菜单组件引入动态渲染icon图标时,图标组件刚好是Menu时报错,菜单不显示 · Issue #5570 · element-plus/element-plus · GitHub...
el-submenu> </el-menu> </template> <script> export default { name: "Menu", data() { return { // 在 el-menu 中绑定 :collapse="iscollapse" ,预设值为 false,展开菜单 iscollapse: false, }; }, mounted() { // 用事件总线绑定事件,兄弟组件触发后,就传递参数true/false,控制是否展开 this...
Element UI报错:Unknown custom element: <el-menu> 按照教程,重新安装了一遍,初始化项目 Vue框架ElementUI教程-安装环境搭建(一) 这个时候,却出现了这样的bug,页面里面的样式也没有显示出来,我表示很纳闷,是什么地方的操作出现了问题了吗? 代码语言:javascript...