el-dialog嵌套组件使用,组件内容超出高度

第一种解决方式:

定义样式


.abow_dialog {
    display: flex;
    justify-content: center;
    align-items: Center;
    overflow: hidden;
    .el-dialog {
        margin: 0 auto !important;
        height: 90%;
        overflow: hidden;
        .el-dialog__body {
            position: absolute;
            left: 0;
            top: 54px;
            bottom: 0;
            right: 0;
            padding: 0;
            z-index: 1;
            overflow: hidden;
            overflow-y: auto;
        }
    }
}

第二种解决方式:

组件的style加overflow-y: auto;属性;

猜你喜欢

转载自blog.csdn.net/qq_41992943/article/details/106680648