[Component] [menu, menu-item] el-menu使用 popper-class属性之后配置max-height和over-flow:auto;会在页面出现两根滚动条 #17514 Closed Wh960 opened this issue Jul 11, 2024· 10 comments Comments Wh960 commented Jul 11, 2024 Bug Type: Component Environment Vue Version: 3.2.45 Element Plus ...
el-menu-item是组件元素。 el-menu-item可直接在el-menu中使用。 el-menu-item也可插入元素。 el-menu-item-group是组件组,可包含el-menu-item以及模板插槽。 此外,el-menu还有以下属性: index:唯一标志。 popper-class:为popper添加类名。 show-timeout:展开sub-menu的延时。 hide-timeout:收起sub-menu的延...
<el-menu popper-class="my-popper"> <!-- menu items --> </el-menu> ``` 4.你还可以通过`show-timeout`和`hide-timeout`属性来控制子菜单的展开和收起时间。 ```html <el-menu show-timeout="200" hide-timeout="1000"> <!-- menu items --> </el-menu> ``` 5.使用`disabled`属性来...
1.设置弹出窗被选中的样式 <el-menu:collapse="true"class="el-menu-vertical-demo enterpriseslistLocation"@close="handleClose"@open="handleOpen"@select="handleSelect":default-active="'10'"><divclass="companyLocation"><el-submenuindex="1"popper-class="companyPopper">// popper-class 是给弹出来的...
<el-scrollbar wrap-class="scrollbar-wrapper"> <el-menu :collapse="collapseStatus" :unique-opened="uniqueOpened" :collapse-transition="false" mode="vertical" > <sidebarItem v-for="(route, index) in menuData" :key="index" :item="route" ...
};/// 渲染子菜单constrenderChildItem= (h, item, context, popperClass ="menu-popup") => {// popper-class是element中对el-menu下拉出现的选项框的自定义类名// const { popperClass } = context.props;lethaveRouterChildren =Array.isArray(item.routerChildren) && item.routerChildren.length;// 将...
//subMenu组件exportdefault{props:{list:{},},render(h){returnh('template',[h('el-submenu',{attrs:{key:'overflow-menu',index:'overflow-menu','popper-append-to-body':true,},class:{'overflow-btn':true,},},[h('span',{slot:'title'},'...'),...this.list,]),]);},}; subMenu...
},render(h) {returnh('template', [h('el-submenu', {attrs: {key:'overflow-menu',index:'overflow-menu','popper-append-to-body':true, },class: {'overflow-btn':true, }, }, [h('span', {slot:'title'},'...'), ...this.list, ...
""class="popper__arrow"style="left: 19px;"></div></ul><ulclass="el-dropdown-menu el-popper"align="center"id="dropdown-menu-3569"style="transform-origin: center top; z-index: 2012; position: absolute; top: 27px; left: 672px;"x-placement="bottom-end"><li tabindex="-1"class=...
{ class: "el-icon-menu", }), createElement("span", { slot: "title", domProps: { innerHTML: routeItem.title, }, }), ] ); } }); }; const SideBarMenu = Vue.component("SideBarMenu", { render(createElement) { return createElement( "el-menu", { style: { border: "none", }, ...