代码如下 <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>...
情况一:单个菜单页面刷新导航失去高亮;(如下图这种菜单类型) 问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值,解决这个只用取出当前页的路由然后赋值给activeIndex即可,代码如下: <el-menu :default-active="activeIndex" mode="horizontal" :ro...
点击菜单项直接去相应的路由:router,且相应的index设置成路由路径 附注代码 最近试着手写实现el-menu组件,有兴趣可以看下 基础介绍代码 section(style='width:210px') el-menu el-menu-item 单项菜单1 el-menu-item 单项菜单2 el-submenu template(slot='title') 有子菜单,带展开小箭头 el-menu-item 子菜单...
index: '1', icon: 'el-icon-menu', name: '一级菜单01', children: [ { index: '1-1', icon: 'el-icon-film', name: '二级菜单01', children: [ { index: '1-1-1', icon: 'el-icon-date', name: '三级菜单01', children: [ ...
在实施步骤一的过程中，复制官方代码并进行修改。为了展示代码，我们附上代码图示和代码片段。在“踩坑”过程中，发现第一个问题：当使用el-submenu时，如果未添加“index”属性，会出现报错“Missing required prop: 'index'”。这是因为“index”属性在组件初始化时必须提供，且在组件内部的逻辑中，如@...
简介:el-menu导航报错Missing required prop: "index"、点击只有一级菜单时不合上其他已展开菜单 使用细节 目前企业开发项目,比较常用的UI框架大致有三个,elementUI、IView、AntD。当然还有别的UI框架,不过有的可能要收费。其实每个框架在使用的过程中,都会有对应的“坑”,其实所谓的“坑”就是官方文档写的不够详细...
你需要将每个需要展开的el-submenu的index值添加到这个数组中。 确保每个el-submenu都有唯一的index: 每个el-submenu都应该有一个唯一的index值,以便default-openeds属性能够正确地识别并展开对应的子菜单。 示例代码: vue <template> <el-menu :default-openeds="defaultOpeneds" mode="vertical"&...
:index="menu.children[0].path 要使用router模式的时候,要将其path传到index里面,这样每次点一个路由才会找到对应的path直接进去。如果不是router模式的话是没有用的,所以el-menu里面加了一个router。相当于帮我们封装了一层,帮我们跳转。 <el-icon>是vue的组件element,里面包了一层<component>,这是vue的能力,...
上网百度以及结合提示,可以得出结论: <el-menu-item></el-menu-item>中的index属性,接受的值必须为字符串或null,而我在使用该组件时是用v-for=“(item, index) of xxx”遍历,传入的参数时是index,为数字,不满足条件,故给出警告 所以调用toString()方法就好啦...