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

→_→BéLieve2024-09-15 8:16

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

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

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

相关推荐
Ruihong7 小时前
你的 Vue 3 TS 类型声明，VuReact 会处理成什么样的 React？
vue.js·react.js·面试
慕斯fuafua7 小时前
CSS——定位
前端·css
踩着两条虫7 小时前
VTJ核心引擎开源项目概览
前端·vue.js·低代码
threelab7 小时前
Vue3 + Trilab：打造高扩展性三维可视化插件化框架实战指南
javascript·3d·webgl
阿正的梦工坊7 小时前
JavaScript 函数作用域详解——为什么函数外面访问不到里面的变量？
开发语言·javascript
黑臂麒麟7 小时前
React Hooks 闭包陷阱：状态“丢失“的经典坑
javascript·react native·react.js·ecmascript
1314lay_10077 小时前
Vue+C#根据配置文件实现动态构建查询条件和动态表格
javascript·vue.js·elementui·c#
SuperEugene7 小时前
Vue3 前端配置驱动避坑：配置冗余、渲染性能、扩展性问题解决｜配置驱动开发实战篇
前端·javascript·vue.js·驱动开发·前端框架
小李子呢02117 小时前
前端八股---脚手架工具Vue CLI（Webpack） vs Vite
前端·vue.js·webpack
gCode Teacher 格码致知7 小时前
Javascript提高:Math.round 详解-由Deepseek产生
开发语言·javascript
热门推荐
012026年4月技术前沿：AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测：Cursor vs Copilot vs Claude Code vs GitHub Copilot Free04一周AI热点速览（2026.03.31-04.06）：GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛05GPT-6发布日深度解析-Symphony架构200万Token实战06基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南07AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析08零成本！Ollama本地部署国产大模型全指南（支持Kimi-K2.5/GLM-5/Qwen，新手秒上手）09GPT-6核心能力解析及与现有主流大模型对比10从限购到畅通：GLM-5.1 Coding Plan接入攻略