ant design vue 的getPopupContainer

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

ant design vue 的getPopupContainer_第1张图片

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

ant design vue 的getPopupContainer_第2张图片

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

ant design vue 的getPopupContainer_第3张图片

      <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>

你可能感兴趣的:(bug集锦,vue.js,javascript,前端,anti-design-vue)