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

相关推荐
江拥羡橙6 小时前
Vue和React怎么选？全面比对
前端·vue.js·react.js
千码君20166 小时前
React Native：快速熟悉react 语法和企业级开发
javascript·react native·react.js·vite·hook
暮之沧蓝8 小时前
Vue总结
前端·javascript·vue.js
木易 士心9 小时前
Promise深度解析：前端异步编程的核心
前端·javascript
Joker Zxc9 小时前
【前端基础】20、CSS属性——transform、translate、transition
前端·css
excel9 小时前
深入解析 Vue 3 源码：computed 的底层实现原理
前端·javascript·vue.js
zero13_小葵司9 小时前
在Vue项目中构建后端配置的动态路由及权限控制体系
前端·javascript·vue.js
GISer_Jing9 小时前
前端框架篇——Vue&React篇
前端·javascript
面向星辰9 小时前
css其他选择器（精细修饰）
前端·css
子兮曰9 小时前
WebSocket 连接：实现实时双向通信的前端技术
前端·javascript·websocket
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02GitHub 镜像站点03PHP htmlspecialchars()函数详解04UV安装并设置国内源05BongoCat - 跨平台键盘猫动画工具06两千字总结：Codex 国内如何安装和使用的教程，以及如何设置中文回答07Linux下V2Ray安装配置指南08jdk21下载、安装（Windows、Linux、macOS）0946个Nano-banana 精选提示词，持续更新中10零基础搭建赛博朋克个人主页：蓝耘Claude Code完整实战教程