網站首頁 編程語言 正文
ps :樣式不能寫在scoped里面,否則失效
1.?給dialog?起個類名,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.?直接復制粘貼此代碼即可生效。
<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>
如果dialog?內容過多要有滾動,需加下面這句
::v-deep .el-dialog .el-dialog__body{ flex:1; overflow: auto; }
原文鏈接:https://blog.csdn.net/CMDN123456/article/details/131590531
- 上一篇:沒有了
- 下一篇:沒有了
相關推薦
- 2023-02-27 python定時任務sched庫用法簡單實例_python
- 2022-08-06 Python中if?__name__==‘__main__‘用法詳情_python
- 2022-09-30 C++實戰之二進制數據處理與封裝_C 語言
- 2022-09-16 C#中C/S端實現WebService服務_C#教程
- 2022-06-01 Snort中pcre和正則表達式的使用詳解_正則表達式
- 2022-02-07 SSH連服務器提示“Permission denied(publickey,gssapi-keyex
- 2022-04-21 Python?實現驅動AI機器人_python
- 2022-12-13 Kubernetes中創建命名空間實現方法_云其它
- 欄目分類
-
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支