vue eldialog设置高度

为了限制Vue中的el-dialog的高度，可以使用以下步骤：

1. 为el-dialog添加一个class名，例如“my-dialog”。
2. 在样式中使用该class名来设置el-dialog__body的高度和溢出属性。
3. 在el-dialog中使用“:custom-class”属性将class名传递给Vue组件。

下面是一个示例代码：

<template>
  <el-dialog
    :visible.sync="dialogVisible"
    :modal="false"
    :custom-class="'my-dialog'"
  >
    <!-- 对话框内容 -->
  </el-dialog>
</template>

<style scoped>
.my-dialog /deep/ .el-dialog__body {
  height: 60vh;
  overflow: auto;
}
</style>

在上面的代码中，“:custom-class”属性将class名“my-dialog”传递给Vue组件。在样式中，使用“/deep/”选择器来覆盖el-dialog__body的样式，并将高度设置为60vh，将溢出设置为自动。

相关问题

vue设置dom高度

你可以使用以下两种方法来设置 Vue 中的 DOM 元素的高度：

1. 使用 `style` 属性：可以设置元素的样式，包括高度。例如：

   <div :style="{ height: '100px' }"></div>

2. 使用 `class` 属性：可以为元素添加一个 CSS 类，这个类可以定义元素的高度。例如：

   <div class="my-div"></div>

CSS 样式：

   .my-div {
     height: 100px;
   }

vue template标签设置高度

要设置 Vue 模板标签的高度，你可以使用 CSS 的样式来实现。在 Vue 模板中，可以通过以下方式设置标签的高度：

1. 使用内联样式：

   <template>
     <div style="height: 200px;"></div>
   </template>

2. 使用类名和样式表：

   <template>
     <div class="custom-div"></div>
   </template>

   <style>
   .custom-div {
     height: 200px;
   }
   </style>

3. 使用动态绑定：

   <template>
     <div :style="{ height: '200px' }"></div>
   </template>

这些方法都可以在 Vue 模板中设置标签的高度。根据你的需求和实际情况，选择适合的方式即可。