el-dialog里面内容超出弹框

el-dialog是Element UI中的一个组件，用于创建弹框对话框。当el-dialog中的内容超出弹框时，可以通过以下方式进行处理：

1. 使用el-dialog的属性`max-height`来限制内容的最大高度，超出部分会自动出现滚动条。例如：

<el-dialog title="对话框标题" :visible="dialogVisible" :max-height="300">
  <!-- 内容 -->
</el-dialog>

2. 在el-dialog中使用自定义样式来控制内容的显示。可以通过设置内容容器的最大高度和溢出方式来实现。例如：

<el-dialog title="对话框标题" :visible="dialogVisible">
  <div class="dialog-content">
    <!-- 内容 -->
  </div>
</el-dialog>

<style>
.dialog-content {
  max-height: 300px;
  overflow: auto;
}
</style>

3. 使用自定义滚动条插件来实现内容的滚动。可以使用第三方插件如`perfect-scrollbar`或者自己编写滚动条样式。例如：

<el-dialog title="对话框标题" :visible="dialogVisible">
  <div class="dialog-content scrollbar">
    <!-- 内容 -->
  </div>
</el-dialog>

<style>
.scrollbar {
  max-height: 300px;
  overflow: hidden;
}

.scrollbar::-webkit-scrollbar {
  width: 8px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
</style>

<script>
// 引入perfect-scrollbar插件并初始化
import PerfectScrollbar from 'perfect-scrollbar';

new PerfectScrollbar('.scrollbar');
</script>