解决antd-design-vue给选择组件a-select下拉菜单ant-select-dropdown设置样式不生效

实现效果:正常a-select会根据分辨率、缩放比例动态计算位置等,现在web端已经实现自适应分辨率,需要给下拉菜单设置固定的定位和宽度等样式,不让组件自动瞎设置定位、大小

1、a-select组件加上:getPopupContainer="(triggerNode) =>triggerNode.parentNode"

2、style中使用:deep配合!important设置属性

相关推荐
一只一只妖4 小时前
突发奇想,还未实践,在Vben5的Antd模式下,将表单从「JS 配置化」改写成「模板可视化」形式(豆包版)
前端·javascript·vue.js
悟能不能悟7 小时前
js闭包问题
开发语言·前端·javascript
秋秋_瑶瑶7 小时前
vue-amap组件呈现的效果图如何截图
前端·javascript·vue-amap
LFly_ice8 小时前
学习React-9-useSyncExternalStore
javascript·学习·react.js
gnip8 小时前
js上下文
前端·javascript
中草药z8 小时前
【Stream API】高效简化集合处理
java·前端·javascript·stream·parallelstream·并行流
世伟爱吗喽9 小时前
threejs入门学习日记
前端·javascript·three.js
F2E_Zhangmo9 小时前
基于cornerstone3D的dicom影像浏览器 第五章 在Displayer四个角落显示信息
开发语言·前端·javascript
slim~9 小时前
javaweb基础第一天总结(HTML-CSS)
前端·css·html
小浣熊喜欢揍臭臭10 小时前
react+umi项目如何添加electron的功能
javascript·electron·react