el-dialog里面div加滚动条

你可以在 `el-dialog` 的 `bodyStyle` 属性中设置一个固定高度和 `overflow-y` 属性为 `auto` 的样式，这样就能让弹窗内容超出弹窗高度时自动生成纵向滚动条了。具体可以参考以下代码：

<template>
  <el-dialog
    title="Dialog Title"
    :visible.sync="dialogVisible"
    :body-style="{ height: '400px', overflowY: 'auto' }"
    :before-close="handleBeforeClose"
  >
    <div>
      <!-- 这里是内容 -->
    </div>
  </el-dialog>
</template>

在上述代码中，我们将 `bodyStyle` 属性设置为一个对象，该对象包含一个 `height` 属性和一个 `overflowY` 属性。`height` 属性设置为弹窗的高度，`overflowY` 属性设置为 `auto`，这样就能让内容超出高度时自动生成纵向滚动条了。

相关问题

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 el-tree溢出滚动条

您可以通过设置el-dialog的样式overflow属性为auto来实现溢出内容的滚动条效果。同时，如果您在el-tree组件上也遇到了溢出问题，可以为el-tree组件的外层容器设置合适的高度，并添加overflow属性为auto，使得当内容超出容器高度时，自动显示滚动条。

以下是示例代码：

<template>
  <el-dialog :visible="dialogVisible" title="Dialog标题">
    <div class="dialog-content">
      <!-- Dialog内容 -->
      <!-- 您的内容 -->
      <el-tree :data="treeData" show-checkbox default-expand-all></el-tree>
    </div>
  </el-dialog>
</template>

<style>
.dialog-content {
  height: 300px; /* 设置合适的高度 */
  overflow: auto; /* 显示滚动条 */
}
</style>

通过将.el-dialog-content的高度设置为适当的值，并将overflow属性设置为auto，可以在内容溢出时自动显示滚动条。

在el-tree组件上，您也可以对外层容器添加类似的样式，以实现相同的效果。希望能帮助到您！如果还有其他问题，请随时提问。