el-dialog__body设置高度

展示数据的时候由于el-dialog__body部分会随着内容的增加而无限增加高度,所以需要给这部分限制一下高度。

先给自己想要限制固定高度的dialog设置类名

<el-dialog 
    :visible.sync="dialogVisible" 
    :modal="false"
    append-to-body
    class="fansdialog">

    //内容部分

</el-dialog>


//样式设置
<style scoped>
.fansdialog /deep/ .el-dialog__body {
    height: 60vh;
    overflow: auto;
}
</style>

实现效果:

猜你喜欢

转载自blog.csdn.net/weixin_44134535/article/details/128000883