ant desgin message 弹窗层级怎么设置
时间: 2024-02-06 10:04:36 浏览: 173
Ant Desgin Chart
Ant Design 的 message 弹窗默认是在最上层的,但是你可以通过设置 `getContainer` 方法来指定弹窗的容器,从而改变弹窗的层级。例如,可以将弹窗的容器设置为某个指定的 DOM 元素,代码如下:
```
import { message } from 'antd';
message.config({
getContainer: () => document.getElementById('my-container'),
});
// 然后通过 message 调用弹窗即可
message.success('操作成功');
```
在上面的代码中,我们将弹窗的容器设置为 `id` 为 `my-container` 的 DOM 元素,这样弹窗就会显示在该容器中,从而改变了弹窗的层级。需要注意的是,如果你设置的容器在当前页面中存在多个,那么弹窗可能会被其他容器的元素遮盖,因此建议设置容器时要选择一个合适的位置。
阅读全文