element UI dialog 竖向加滚动条

要 Element UI 的对话框（Dialog）中添加垂直动条，你可以使用 CSS 样式来实现。以下是一种实现方法：

首先，在对话的内容区域（dialog body）中添加一个定高度的容器，并其设置 `overflow-y: auto;` 样式。这将使容器在内容超出容器高度时显示垂直滚动条。

例如，假设你的对话框内容是一个 `<div>` 元素，可以像这样设置样式：

.dialog-content {
  height: 200px; /* 设置容器高度 */
  overflow-y: auto; /* 显示垂直滚动条 */
}

然后，在对话框的内容区域中使用这个样式：

<template>
  <el-dialog title="对话框标题" :visible="dialogVisible" width="50%">
    <div class="dialog-content">
      <!-- 对话框内容 -->
      <!-- 这里是你的内容 -->
    </div>
    <!-- 对话框底部按钮等 -->
  </el-dialog>
</template>

请根据你的实际需要修改容器的高度和其他样式，以适应你的项目需求。这样就可以在 Element UI 的对话框中实现垂直滚动条了。

相关问题

el-plas el-dialog 竖向滚动条

el-dialog是Element UI中的一个组件，是一个弹出框。而el-scrollbar则是Element UI中的另一个组件，用于滚动条的实现。如果你需要在el-dialog中使用竖向滚动条，可以将el-scrollbar组件嵌套在el-dialog组件中，并设置其高度和最大高度即可。这样当内容超出el-dialog的高度时，就可以通过el-scrollbar来实现竖向滚动条的功能。

el-plas el-dialog 竖向滚动条 代码

el-dialog是element-ui中的一个弹窗组件，而el-scrollbar是element-ui中的一个滚动条组件，用于在页面中添加滚动条。

如果你想在el-dialog中添加一个竖向滚动条，可以在弹窗的内容区域添加一个el-scrollbar组件，并设置其高度和最大高度，如下所示：

<el-dialog title="标题" :visible.sync="dialogVisible">
  <el-scrollbar wrap-class="scrollbar-wrap" view-class="scrollbar-view" :max-height="300">
    <div class="dialog-content">
      // 弹窗内容
    </div>
  </el-scrollbar>
</el-dialog>

其中，wrap-class和view-class属性是用来自定义滚动条样式的class名称，max-height属性是设置最大高度，如果内容超过最大高度，则会出现竖向滚动条。

关于el-scrollbar的更多用法和参数设置，你可以参考element-ui官方文档：https://element.eleme.cn/#/zh-CN/component/scrollbar