el-dialog字数过多添加滚动条

如果el-dialog中的内容太多，超过弹窗的高度，可以通过添加滚动条来实现内容的滚动。可以在el-dialog的内容区域添加一个固定高度并设置overflow属性为auto来实现滚动条。具体的做法如下：

<el-dialog :visible="dialogVisible" title="弹窗标题">
  <div style="height: 300px; overflow: auto;">
    <!-- 弹窗内容 -->
  </div>
</el-dialog>

在这个例子中，我们把内容区域的高度设置为300px，并设置overflow属性为auto，这样当内容超过300px时，就会出现滚动条。你可以根据实际情况调整高度和overflow属性的值。

相关问题

el-dialog里面div加滚动条

你可以在 `el-dialog` 的 `bodyStyle` 属性中添加 `overflow-y: scroll` 样式来给弹窗的内容区域添加垂直滚动条，具体可以使用以下代码：

<el-dialog :body-style="{overflowY: 'scroll'}"></el-dialog>

这样，当弹窗内容超出弹窗的高度时，就会出现垂直滚动条。你也可以通过修改 `overflowY` 的值来控制滚动条的显示方式。

如何在el-dialog关闭后将滚动条重置到初始位置

可以尝试在el-dialog的destroyed生命周期中将滚动条重置到初始位置。具体代码如下：

<el-dialog
  :visible.sync="dialogVisible"
  @closed="handleDialogClosed">
  <!-- dialog content -->
</el-dialog>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    handleDialogClosed() {
      // 将滚动条重置到初始位置
      document.documentElement.scrollTop = 0
      document.body.scrollTop = 0
    }
  }
}
</script>

在el-dialog的closed事件中，调用handleDialogClosed方法，将滚动条重置到页面顶部，即初始位置。这样每次关闭el-dialog时，滚动条都会回到初始位置。