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>
相关推荐
Gipsyz1 分钟前
批量修改图片资源的属性。
前端·unity
我头发乱了伢3 分钟前
jQuery小游戏
前端·javascript·jquery
python算法(魔法师版)24 分钟前
Vue.js 高级组件开发
vue.js
计算机学姐30 分钟前
基于微信小程序的网上订餐管理系统
java·vue.js·spring boot·mysql·微信小程序·小程序·intellij-idea
呦呦鹿鸣Rzh41 分钟前
Web前端开发
前端
惊鸿一博44 分钟前
正则表示式_匹配一个含有范围类型的数值字符串
javascript
jcsx1 小时前
证券量化交易选择合适的编程语言
javascript·servlet·numpy·pandas·pyqt
会说法语的猪2 小时前
uniapp使用uni.navigateBack返回页面时携带参数到上个页面
前端·uni-app
又尔D.7 小时前
vue3+webOffice合集
vue.js·weboffice
古蓬莱掌管玉米的神10 小时前
vue3语法watch与watchEffect
前端·javascript