展示数据的时候由于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>
实现效果: