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>
相关推荐
送鱼的老默几秒前
学习笔记--vue3 watchEffect监听的各种姿势用法和总结
前端·vue.js
你挚爱的强哥几秒前
解决:动态文本和背景色一致导致文字看不清楚,用js获取背景图片主色调,并获取对比度最大的hex色值给文字
前端·javascript·github
英俊潇洒美少年4 分钟前
js 同步异步,宏任务微任务的关系
开发语言·javascript·ecmascript
用户69371750013849 分钟前
Android 手机终于能当电脑用了
android·前端
wooyoo9 分钟前
花了一周 vibe 了一个 OpenClaw 的 Agent 市场,聊聊过程中踩的坑
前端·后端·agent
angerdream13 分钟前
最新版vue3+TypeScript开发入门到实战教程之路由详解
前端·javascript·vue.js
送鱼的老默18 分钟前
学习笔记--vue3 watch监听的各种姿势用法和总结
前端·vue.js
猪八宅百炼成仙40 分钟前
解决 el-date-picker type:daterange 在 layout 布局中的宽度问题
前端·element
小贺要学前端1 小时前
ES6 还没用明白,JavaScript 已经快到 ES2026 了
前端·javascript·es6
Amumu121381 小时前
JS:ES6~ES11基础语法(二)
开发语言·前端·javascript