简介:el-menu导航报错Missing required prop: "index"、点击只有一级菜单时不合上其他已展开菜单 使用细节 目前企业开发项目,比较常用的UI框架大致有三个,elementUI、IView、AntD。当然还有别的UI框架,不过有的可能要收费。其实每个框架在使用的过程中,都会有对应的“坑”,其实所谓的“坑”就是官方文档写的不够详细...
代码如下 <template><divclass="homeBox"><divclass="left"><divclass="leftNav"><el-menu:default-active="activeIndex"class="elMenu"background-color="#333"text-color="#B0B0B2"active-text-color="#fff"@open="handleOpen"@close="handleClose":unique-opened="true"router><el-menu-itemindex="ea...
<el-menu-item index="saveTime">省自己烧饭时间</el-menu-item> <el-menu-item index="saveWash">省了刷锅时间</el-menu-item> <el-menu-item index="saveRun">省了跑腿时间</el-menu-item> </el-submenu> <el-submenu index="3"> <template slot="title"> <i class="el-icon-eleme"></i>...
el-menu-item 就是普通的菜单项 el-submenu 是菜单项里还有子菜单 el-menu-item-group 是菜单项组,就是好几个菜单项有个标题 网络异常,图片无法展示 | index的妙用 建议将每个el-menu-item和el-submenu上加上index的属性。 好处以下: 选中的时候,有高亮的状态 方便设置默认选中的菜单,可以default-active=...
因为我的项目用了vue-router,页面通过<router-view></router-view>引入组件的,所以我就想,在进入组件的时候,设置公共变量值adminleftnavnum为导航的index,然后在导航所在的组件watch该变量, 设置el-menu的 :active=”adminleftnavnum”,这样基本上就可以实现该效果了。
今天用Vue3 + Element-Plus开发时,出现了以下问题 Invalid prop: type check failed for prop "index". Expected String | Null, got Number with value 8.、 上网百度以及结合提示,可以得出结论: <el-menu-item></el-menu-item>中的index属性,接受的值必须为字符串或null,而我在使用该组件时是用v-for=...
我的页面是三级嵌套路由,结构类似于 /message/detail/0。页面的菜单使用了element-ui的el-menu但我点击菜单的选项返回首页的时候,页面路径变成了/message/detail/index。
index: '0-1-1-2', child: [ { label: '选项1', isActive: true, index: '0-1-1-2-0', child: [], }, ], }, ], }, ], }, ], }, ], 三、部分实现代码如下: menuTest.vue文件 <template> <div style="width: 700px; height: 500px;"> ...
在el-menu组件中,el-menu-item用于表示菜单项。当你希望点击某个菜单项跳转到外部链接时,index属性并不是用来填写外部链接的。实际上,index属性主要用于标识菜单项,通常用于内部路由跳转或触发特定事件。 以下是关于如何在el-menu-item中实现跳转到外部链接的详细解答: 理解el-menu-item组件的用途和属性: el-menu...
在实施步骤一的过程中,复制官方代码并进行修改。为了展示代码,我们附上代码图示和代码片段。在“踩坑”过程中,发现第一个问题:当使用el-submenu时,如果未添加“index”属性,会出现报错“Missing required prop: 'index'”。这是因为“index”属性在组件初始化时必须提供,且在组件内部的逻辑中,如@...