el-menu,Collapse 折叠面板,收起后子菜单弹窗popover跟菜单的距离

如图上面的距离，ui强调受气候菜单的宽度为48px，导致距离过大

解决办法

查看空值太，发现这个树形影响了位置

这个是在全局样式下的，直接修改会导致全局样式改变，这样行不通，需要添加一个class，查询官方文档

<el-sub-menu:popper-append-to-body="true"popper-class="menu-popo">

添加如果成功的话，可以在控制台看到

控制台，那个div多了一个menu-popo,我自己添加的一个class

<style>.menu-popo {left: 60px;}
</style>

el-menu,Collapse 折叠面板,收起后子菜单弹窗popover跟菜单的距离相关推荐

element-plus 组件解析 - Collapse 折叠面板
element-plus 组件解析 - Collapse 折叠面板 1, 组件介绍 2,组件组成 3,组件实现 3.1,el-collapse 1,v-model="activeNames& ...
用timeline 时间线和 Collapse 折叠面板做一个简单的时间轴
项目上有个时间轴功能,我看了一下element上有时间轴功能,不过有点太简单,我想改造一下这个时间轴,记录一下,用Timeline 时间线和 Collapse 折叠面板,两个加起来做了一时间轴,当是 ...
collapse 微信小程序_微信小程序之有赞组件Collapse折叠面板的使用
1. 使用指南在 app.json 或 index.json 中引入组件 es6 "usingComponents": { "van-collapse": & ...
ElementPlus的Collapse 折叠面板问题
我也不明白为什么会报这个错误,把关于ts的代码改成js的就可以了.. ERROR in ./src/views/Home.vue?vue&type=script&lang=ts& ...
修复uview的collapse折叠面板箭头不能变向的官方bug(小程序里)
打开u-collapse-item.vue文件,按图中修改代码. 代码修改说明:其实就是把 .u-arrow-down-icon和.u-arrow-down-icon-active这两个类名绑定到了的 ...
解决折叠面板Collapse上点击复选框会触发折叠面板问题
在项目中有一个小需求,需要在折叠面板头部加一个复选框按钮,点击复选框,修改数据状态,这里的问题是,点击复选框,会触发折叠面板,效果如下. 这里我查阅了一下资料,这是因为事件传递导致的,点击复选框,复选 ...
Vue3折叠面板（Collapse）
可自定义设置以下属性: 折叠面板数据,可使用 slot 替换对应索引的 header 和 text(collapseData),必传,类型:Array<{key?: string, header ...
045_Collapse折叠面板
1. Collapse折叠面板 1.1. Collapse折叠面板通过折叠面板收纳内容区域. 1.2. Collapse Attributes 参数说明类型可选值默认值 value / v-m ...
layui 折叠面板使用无效问题
静态折叠面板无法使用解决方案:layui.js 引用位置应该放在距离layui.use临近的地方动态设置折叠面板无法点击折叠展开解决方案:动态加载完界面后,执行下面语句: layui.eleme ...

el-menu,Collapse 折叠面板,收起后子菜单弹窗popover跟菜单的距离

el-menu,Collapse 折叠面板,收起后子菜单弹窗popover跟菜单的距离相关推荐

最新文章

热门文章