<el-menu-item v-for="(item, index) in menuList" :title="item.name" :key="index" :index="item.path"> <div :title="item.name" :class="{activeTitle: activePath === item.path}" ref="title">{{ item.name }}</div> </el-menu-item> </el-menu> <el-dropdown @command="handle...
click: (index, indexPath) =>this.clickMenu(index, indexPath, item[this.props.text]) } },this.createTitle(h, item) ); }, createSubmenu(h, item) { const key= (item[this.props.id] || "").toString();returnh("el-submenu", { props: { index: (item[this.props.id] || "").to...
items.forEach(item => { if (item[props.children] && item[props.children].length > 0) { nodes.push(this.createSubmenu(h, item)) } else { nodes.push(this.createItem(h, item)) } }) nodes.unshift(h('template', { slot: 'title' }, title)) return h('el-menu-item-group', null,...
}"role="menuitem"tabindex="-1"><el-tooltipv-if="$parent === rootMenu && rootMenu.collapse"effect="dark"placement="right"><divslot="content"><slotname="title"></slot></div><divstyle="position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: inline-block;box-sizing: ...
-- 递归动态菜单 --> <myitem :data="menuArr"></myitem> </el-menu> js部分 import myitem from "./components/myitem.vue"; // 引入递归菜单组件 export default { name: "Home", components: { myitem, // 注册一下 }, data() { return { activeIndex: this.$route.path, menuArr: [.....
如下图: error 想了下应该是子菜单没有设置唯一标志index。而且/index这个路由在menus中也找不到,所以就默认匹配index===null的路由了?于是给el-menu-item加上index,果然好了。 总结 el-menu el-menu-item一定要设置唯一index。
在<el-menu>中需要--router---或者router=true 在<el-submenu>中的index不可缺少,为必须值,不过此处的index仅为索引,用来让当前元素下的子菜单收缩或释放。每一个submenu的index值只要不一样便可 在<el-menu-item>中,index的值不可缺少,就是用这个来进行路由跳转,index的值为跳转的路径 以下是...
5 <li tabindex="-1" class="menu__item" id="menu-4994-1-2">组件交互文档</li> 6 </ul> 7 </div> 1. 2. 3. 4. 5. 6. 7. 且在vue数据项中定义menuVisible:false,el-tree上绑定node-contextmenu事件,在js中实现如下: 1 rihgtClick(event,object,value,element){ ...
废话不多说,上代码:<label v-for="menu in menuData" :key="menu.id"><el-submenu :index="String(menu.id)" v-if="menu.children"><template slot="title"> <i class="el-icon-edit"> {{menu.menu_name}} <menutree :menuData="menu.children"><el-menu-item :index="menu.path" @click=...
其中container代表el-menu-item,class 为 title 的 div代表title 插槽渲染的元素,class 为 i 的 div...