解决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设置属性

相关推荐
漂流瓶jz17 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子17 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
musenh17 小时前
css样式学习
css·学习·css3
木易 士心17 小时前
CSS 中 `data-status` 的使用详解
前端·css
花姐夫Jun18 小时前
基于Vue+Python+Orange Pi Zero3的完整视频监控方案
vue.js·python·音视频
牧马少女18 小时前
css 画一个圆角渐变色边框
前端·css
zy happy18 小时前
RuoyiApp 在vuex，state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
Nan_Shu_61419 小时前
学习：JavaScript(5)
开发语言·javascript·学习
533_19 小时前
[vue3] h函数，阻止事件冒泡
javascript·vue.js·elementui
蒲公英源码19 小时前
php+vue知识付费系统前后端全套源码
vue.js·php
热门推荐
01GitHub 镜像站点02综合整理：pdf预览显示：你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源，请打开此文件以看其内容，如何解决以正常预览文件03UV安装并设置国内源04npm使用国内淘宝镜像的方法05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口（持续更新）07BongoCat - 跨平台键盘猫动画工具08《大数据技术原理与应用》实验报告三 熟悉HBase常用操作09NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南10GitLab 零基础入门指南：从安装到项目管理全流程