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

@@ -11,7 +11,7 @@ import {
useVbenModal,
type VbenFormProps,
} from '@vben/common-ui';
import { getPopupContainer } from '@vben/utils';
import { getVxePopupContainer } from '@vben/utils';
import {
Dropdown,
@@ -222,7 +222,7 @@ function handleAssignRole(record: Recordable<any>) {
{{ $t('pages.common.edit') }}
</ghost-button>
<Popconfirm
:get-popup-container="getPopupContainer"
:get-popup-container="getVxePopupContainer"
placement="left"
title="确认删除?"
@confirm="handleDelete(row)"
@@ -237,7 +237,7 @@ function handleAssignRole(record: Recordable<any>) {
</Popconfirm>
</Space>
<Dropdown
:get-popup-container="getPopupContainer"
:get-popup-container="getVxePopupContainer"
placement="bottomRight"
>
<template #overlay>