在 ant design vue 中,有几个组件是有
getPopupContainer
属性的,比如:下拉菜单
默认是渲染到body 上的,所以如果你想要对
下拉选择组件
的样式,做修改,如果 style 标签上开启了 scoped,肯定不会生效
所以,需要指定
getPopupContainer
,用法如下文章来源:https://www.toymoban.com/news/detail-718745.html
文章来源地址https://www.toymoban.com/news/detail-718745.html
<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>
到了这里,关于ant design vue 的getPopupContainer的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!