fix: 在VxeTable固定列时, getPopupContainer会导致宽度不够, 弹出层样式异常 解决办法(将弹窗元素挂载到VXe滚动容器上

This commit is contained in:
dap
2024-11-02 15:08:18 +08:00
parent 7442c6f15b
commit 9f33320bea
22 changed files with 83 additions and 42 deletions

View File

@@ -12,7 +12,7 @@ import {
} from '@vben/common-ui';
import { $t } from '@vben/locales';
import { preferences } from '@vben/preferences';
import { getPopupContainer } from '@vben/utils';
import { getVxePopupContainer } from '@vben/utils';
import {
Avatar,
@@ -266,7 +266,7 @@ const { hasAccessByCodes } = useAccess();
{{ $t('pages.common.edit') }}
</ghost-button>
<Popconfirm
:get-popup-container="getPopupContainer"
:get-popup-container="getVxePopupContainer"
placement="left"
title="确认删除?"
@confirm="handleDelete(row)"
@@ -281,7 +281,7 @@ const { hasAccessByCodes } = useAccess();
</Popconfirm>
</Space>
<Dropdown
:get-popup-container="getPopupContainer"
:get-popup-container="getVxePopupContainer"
placement="bottomRight"
>
<template #overlay>