解决element生成的下拉菜单,不在父级之下,而是在body之下,通过父级控制该下拉菜单的样式,达到不跟别的地方冲突的目的

Posted wuhefeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决element生成的下拉菜单,不在父级之下,而是在body之下,通过父级控制该下拉菜单的样式,达到不跟别的地方冲突的目的相关的知识,希望对你有一定的参考价值。

项目中存在多个下拉菜单,每个下拉菜单的样式可能不同

不能直接拿到element里面的类名来修改,这样会导致全局统一

在下拉菜单上定义一个父级类名,通过这个父级类名来定义这些下拉菜单的样式,达到私有化

 

遇到问题,生成的下拉菜单跟父类不在同一个节点,无法通过父级类来指定样式

技术图片

 

 

技术图片

 

 

解决方案:在下拉菜单的结构上添加 ref,页面加载后动态添加父级类名

技术图片

 

 

技术图片

 

 技术图片

 

以上是关于解决element生成的下拉菜单,不在父级之下,而是在body之下,通过父级控制该下拉菜单的样式,达到不跟别的地方冲突的目的的主要内容,如果未能解决你的问题,请参考以下文章

无论如何都可以使用下拉菜单而不在 discord.py 中发送响应?

是否可以添加 onClick() 事件动作(在 GameObject 下拉菜单中)而不在 Unity 中添加新脚本?

css 下拉菜单与父级相同的宽度

Vue:解决 element-ui 下拉框过多导致卡顿问题

Bootstrap 4 - 将下拉菜单的父级保持为可点击的链接

引导导航下拉菜单切换问题