如果发生这种情况,比较好处理的是直接可以加一下select 的 popper-append-to-body 属性并设置为false值(whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false——element官网对此属性的解释) 但是由于我们奇葩的布局结构,我们容器外...
为简单起见, 把选项区域描述为popperEl popperEl的z-index 比较大, 会覆盖在其他元素上面 popperEl默认是插入body元素的(可以将popper-append-to-body设为false后不插入到body) popperEl是在mouseup事件里去做隐藏逻辑的, 而按下鼠标, 移动滚动条的时候, 并没有触发mouseup事件. popperEl并没有监听滚动事件(没法...
对el-submenu设置属性:popper-append-to-body为false,就能避免产生这个报错 :popper-append-to-body="false"
当鼠标移入到菜单中时,触发handleMouseenter方法,但是因为appendToBody为true,所以又派发了鼠标移入事件,然后又回到了这个方法,由此造成了死循环。appendToBody是一个计算属性,那么为什么appendToBody会是true呢?看代码: { name: 'ElSubmenu', componentName: 'ElSubmenu', props:{ popperAppendToBody: { type: Boo...
<transitionname="el-zoom-in-top"@before-enter="handleMenuEnter"@after-leave="doDestroy"><el-select-menuref="popper":append-to-body="popperAppendToBody"v-show="visible && emptyText !== false"><el-scrollbartag="ul"wrap-class="el-select-dropdown__wrap"view-class="el-select-dropdown__...
popper-append-to-body=true><!--将子菜单抽取出来,做为一个子组件--><nav-menu-item v-for="(item,index) in menuData":key="index":datas="item"/></el-menu></template><script>importNavMenuItemfrom'./NavMenuItem.vue';exportdefault{components:{NavMenuItem},data(){return{//伪造的数据,通...
-- 子集大于一个的 -->15<el-submenu :popper-append-to-body="true" popper-class="roleMenuClass" v-if="item.meta.childrenLength > 1" :index="item.fullPath">16<template slot="title">17<i :class="['icon-menu', 'iconfont', item.meta.icon]"></i>18<span v-if="item.meta && ...
popper-append-to-body: 是否将弹出框插入至 body 元素。在弹出框的定位出现问题时,可将该属性设置为false el-cascader / el-dropdown-menu 添加:append-to-body="false" 5.折叠面板内容无法自动换行 给对应内容的div加上word-break: break-word;
搜索了一下,发现还不是框架的的bug,而是 Element UI 组件库中,NavMenu 这个组件就会导致类似问题。 最简单的解决方案就是:给子菜单的 el-submenu 节点,增加popper-append-to-body="false"属性。例如:
发现问题根源后,换了一种搜索的方式,之前都是搜elementUi组件样式不生效问题,没有找到合适的解决方法,现在搜el-select组件样式修改。bingo,终于找到对症下药的博文,完美解决!方法如下: 在el-select 上增加一个属性:popper-append-to-body="false",这个属性用于将渲染后的元素放入#app元素。 再使用深度选择器修改就...