pd: el estilo no se puede escribir en ámbito, de lo contrario fallará
1. Asigne al cuadro de diálogo un nombre de clase, custom-class="dialogStyle"
<el-dialog
v-model="dialogVisible"
:title="dialogTitle"
width="38%"
center
destroy-on-close
V-el-drag-dialog
V-if="dialogVisible"
append-to-body
custom-class="dialogStyle"
:before-close="handleClose"
>
<!-- formID 指的是ID -->
<indexForm
:newFormdata="newFormdata"
ref="fromViewRef"
/>
</el-dialog>
2. Copie y pegue este código directamente para que surta efecto.
<style>
.dialogStyle {
display: flex;
flex-direction: column;
margin: 0 !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: calc(100% - 30px);
max-width: calc(100% - 30px);
}
</style>
Si hay demasiado contenido de diálogo para desplazarse, debe agregar la siguiente oración
::v-deep .el-dialog .el-dialog__body{ flex:1; overflow: auto; }