el-dialog固定高度

el-dialog默认高度是自由拉伸的，当内容超过屏幕时会出现滚动条，按钮和标题都会随着滚动，用户体验不好。

如下图

现在要实现一种窗口高度固定，内容滚动的方式，如下直接在内容上套一层div并加上自定义样式el-dialog-div

<el-dialog
        :title="templateTitle"
        :visible.sync="openTemplateDialog"
        :width="templateDialogWidth"
        append-to-body
        :close-on-click-modal="false"
      >
        <div class="el-dialog-div">
        	// 窗口内容
        </div>
</el-dialog>

<style lang="scss">
.el-dialog-div {
  height: 60vh;
  overflow-x: hidden;
}
</style>

效果如下