**element ui dialog 默认不是居中的，加一点样式让它居中** ``` <style lang="scss"> .el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .el-dialog .el-dialog__body{ flex:1; overflow: auto; } </style> ``` **这种样式可能会影响全局，增加一个外部的限定会好一些** 外部限定的样式名称就随便取了 ``` <style lang="scss"> .taskManage-container{ .el-dialog{ display: flex; flex-direction: column; margin:0 !important; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .el-dialog .el-dialog__body{ flex:1; overflow: auto; } } </style> ``` 注意如果弹窗el-dialog有加:append-to-body="true"，增加外部样式的话作用会失效，因为弹窗就不在组件里边了，而是更外面去了。