vue项目中全屏展示使用antdv组件不显示
- popconfirm 气泡确认框
设置getPopupContainer
属性
<a-popconfirm :getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body;}"
title="确定吗?">
<a >确认</a>
</a-popconfirm>
- popover,dropdown
<div ref='boxRef'>
<a-dropdown :getPopupContainer="()=> $refs.boxRef"></a-dropdown>
</div>
// a-popover 是最外层元素
<a-popover :getPopupContainer="() => $refs.Ref.parentElement">
<template slot="content">
<span ref="Ref"></span>
</template>
</a-popover>
- tooltip
<a-tooltip placement="topLeft" slot="title" :get-popup-container="getPopupContainer">
<template slot="title">
<span>tooltip</span>
</template>
<p >tooltip</p>
</a-tooltip>
methods:{
getPopupContainer (trigger) {
return trigger.parentElement;
}
}