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>
相关推荐
533_2 小时前
[element-plus] el-tabs和el-menu联动
前端·javascript·vue.js
小呀小叮当~2 小时前
Telegram 有哪些实用功能?一文了解
前端·人工智能·后端·其它
索西引擎2 小时前
【React】React Fiber 架构:设计动机、核心机制与调度策略分析
前端·react.js·架构
雨季mo浅忆2 小时前
上传文件夹
前端·vue3
谙忆10243 小时前
响应式图片实战:srcset、sizes、picture 与 art direction 到底怎么用
前端
索西引擎5 小时前
【React】JSX:JavaScript 语法扩展的本质、编译机制与表达能力分析
前端·javascript·react.js
国科安芯12 小时前
航天电子模拟前端三大支柱:精密运放、高速运放与电压监控的协同设计方法——ASL8522S/ASL622S/ASL706S技术解析
前端·单片机·嵌入式硬件·fpga开发·架构·安全性测试
牧濑红莉13 小时前
网络安全竞赛pwn全解及第一道ai的wp
javascript·.net
神明不懂浪漫13 小时前
【第四章】CSS(二)——文本外观属性与复合选择器
前端·css·经验分享·笔记
kyriewen13 小时前
别再用AI debug了——这5种bug越修越烂
前端·javascript·ai编程