当前位置: 首页 > article >正文

ant design vue 的getPopupContainer

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

      <a-dropdown
        :trigger="['hover']"
        :arrow="{ pointAtCenter: true }"
        placement="bottomRight"
        :open="true"
        :get-popup-container="getPopupContainer"
      >
      </a-dropdown>
<script setup lang="ts" name="layoutHeader">
const getPopupContainer = () => document.querySelector('.layoutHeader') as HTMLElement
</script>

http://www.kler.cn/a/106959.html

相关文章:

  • 简易入手《SOM神经网络》的本质与原理
  • MySQL(5)【数据类型 —— 字符串类型】
  • Dolby TrueHD和Dolby Digital Plus (E-AC-3)编码介绍
  • 【Excel】身份证号最后一位“X”怎么计算
  • LlamaIndex
  • 【CVPR2024】2024年CVPR的3D 目标检测的综述(还在补充中)
  • 【Python机器学习】零基础掌握IsolationForest集成学习
  • Oracel增加IP白名单限制
  • uni-app小程序,uview-ui组件样式无法穿透修改的解决办法
  • 尚未解决:use_python()和use_virtualenv()的使用
  • vue3使用ref和reactive
  • uni-app/vue 文字转语音朗读(附小程序语音识别和朗读)uniapp小程序使用文字转语音播报类似支付宝收款播报小程序语音识别和朗读)
  • Python基础入门例程18-NP18 生成数字列表(列表)
  • 【2024秋招】2023-9-16 贝壳后端开发二面
  • 计算机网络重点概念整理-第一章 计算机网络概述【期末复习|考研复习】
  • 走进国产机器人领军品牌华数机器人,共探数字化变革魔力
  • 智慧停车视频解决方案:如何让AI助力停车管理升级?
  • 垃圾收费站
  • 《动手学深度学习 Pytorch版》 10.3 注意力评分函数
  • python实现批量pdf转txt和word
  • CVE-2022-32991靶场复现
  • 竞赛 深度学习实现行人重识别 - python opencv yolo Reid
  • Win10+Ubuntu20.04双系统双硬盘(SSD+HDD)安装与启动
  • 前端使用 printJS 插件打印多页:第一页空白问题解决
  • 数据结构与算法之矩阵: Leetcode 134. 螺旋矩阵 (Typescript版)
  • Spring Boot集成RESTful API