<el-input> 设置高度

要设置 <el-input> 的高度，可以使用 CSS 的 height 属性来实现，例如：

.el-input {
  height: 40px; /* 设置高度为 40 像素 */
}

你也可以针对不同尺寸的 <el-input>，设置不同的高度。例如：

.el-input--small {
  height: 32px;
}

.el-input--medium {
  height: 40px;
}

.el-input--large {
  height: 48px;
}

相关问题

<el-form-item label="质检备注"> <el-input type="textarea" v-model="dataForm.remark" maxlength="100" placeholder="请输入内容" show-word-limit style="width: 70%;min-height: 132px;" ></el-input> </el-form-item> vue 和 element-ui实现补全修改代码，需求是代码原有基础上 将el-input最低高度为132px,只针对当前高度设置

你可以在el-input上添加一个style属性，将其设置为"min-height: 132px;"，这样el-input的最低高度就会被设置为132px。代码如下：

<el-form-item label="质检备注">
  <el-input type="textarea" v-model="dataForm.remark" maxlength="100" placeholder="请输入内容" show-word-limit style="width: 70%; min-height: 132px;"></el-input>
</el-form-item>

这样就可以将el-input的最低高度设置为132px，只针对当前高度进行设置。

<el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="ruleForm.textarea" > </el-input>如何手动设置高度

你可以通过设置 `:rows` 属性来手动设置 `<el-input>` 组件的高度。在你的代码中，`:rows="2"` 表示该文本框显示两行文本。如果你想要更多行的高度，可以将 `:rows` 的值增加到你想要的行数。例如，如果你想要显示五行文本，可以将 `:rows` 的值设置为 5。这样，文本框的高度将根据行数进行调整。