el-dialog中设置滚动条

目前在工作中遇到dialog的body中设置滚动条问题，在看过多个博客后找到了解决办法，记录一下。

弹出框

<el-dialog class="item-dialog">
	<el-form>
		<el-form-item>
		    名称：
			<el-input>
			</el-input>
		</el-form-item>
	</el-form>
</el-dialog>

样式编写

<style>
.item-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>