ant design vue 的getPopupContainer

在 ant design vue 中,有几个组件是有 getPopupContainer 属性的,比如:下拉菜单

默认是渲染到body 上的,所以如果你想要对 下拉选择组件 的样式,做修改,如果 style 标签上开启了 scoped,肯定不会生效

所以,需要指定 getPopupContainer ,用法如下

html 复制代码
      <a-dropdown
        :trigger="['hover']"
        :arrow="{ pointAtCenter: true }"
        placement="bottomRight"
        :open="true"
        :get-popup-container="getPopupContainer"
      >
      </a-dropdown>
js 复制代码
<script setup lang="ts" name="layoutHeader">
const getPopupContainer = () => document.querySelector('.layoutHeader') as HTMLElement
</script>
相关推荐
程序员祥云1 分钟前
Prompt项目说明文档
前端
一勺菠萝丶2 分钟前
如何在 Linux 服务器上使用 Speedtest 官方 CLI 测试带宽(小白教程)
java·服务器·前端
DianSan_ERP4 分钟前
京东订单接口集成中如何处理消费者敏感信息的安全与合规问题?
前端·数据库·后端·团队开发·运维开发
TEC_INO8 分钟前
Linux50:ROCKX+RV1126视频流检测人脸
开发语言·前端·javascript
下载居18 分钟前
Node.js(Javascript运行环境) 26.1
开发语言·javascript·node.js
Dragon Wu27 分钟前
Taro v4.2.0 scss使用“@/xxx“的配置方法
前端·小程序·taro·scss
wordbaby1 小时前
如何封装一个生产级的 React Native 分页列表 Hook
前端·react native·react.js
小帅不太帅1 小时前
我做了两个工具,一个 7MB 的壳,一个会记住的壳
前端·app·产品
不瘦80斤不改名1 小时前
HTML基础(一)
开发语言·前端·html
UXbot1 小时前
AI画原型工具如何帮非设计师快速生成UI界面
前端·vue.js·ui·kotlin·swift·原型模式·web app