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>
相关推荐
前端老宋Running几秒前
React 的“时光胶囊”:useRef 才是那个打破“闭包陷阱”的救世主
前端·react.js·设计模式
yinuo4 分钟前
前端跨页面通讯终极指南③:LocalStorage 用法全解析
前端
隔壁的大叔12 分钟前
正则解决Markdown流式输出不完整图片、表格、数学公式
前端·javascript
胡楚昊15 分钟前
CTF SHOW逆向
java·服务器·前端
San3023 分钟前
深入 JavaScript 原型与面向对象:从对象字面量到类语法糖
javascript·面试·ecmascript 6
拉不动的猪30 分钟前
前端JS脚本放在head与body是如何影响加载的以及优化策略
前端·javascript·面试
shykevin32 分钟前
Actix-Web完整项目实战:博客 API
前端·数据库·oracle
lichong95143 分钟前
RelativeLayout 根布局里有一个子布局预期一直展示,但子布局RelativeLayout被 覆盖了
android·java·前端
Tzarevich43 分钟前
从字面量到原型链:JavaScript 面向对象的完整进化史
javascript·设计模式
LengineerC1 小时前
我写了一个VSCode的仿Neovide光标动画
前端·visual studio code