获取el-input textarea行数

获取`el-input`和`el-textarea`的行数可以通过以下方式实现：

对于`el-input`，可以通过以下步骤来获取行数：

1. 获取该元素的高度
2. 获取该元素的行高
3. 用元素高度除以行高即可得到行数

对于`el-textarea`，可以通过以下步骤来获取行数：

1. 获取该元素的高度
2. 获取该元素的行高
3. 用元素高度除以行高再加上一即可得到行数（因为文本域默认有一行，需要加上）

注意，这里的行高不仅仅指CSS中设置的行高，还包括其他属性比如字体大小等带来的影响。

相关问题

el-input textarea 固定高度

el-input textarea的高度可以通过CSS样式来进行设置。以下是两种设置el-input textarea固定高度的方法：

1. 使用CSS样式设置el-input textarea的高度：

.el-textarea {
  height: 88px;
}

.el-textarea__inner {
  height: 88px;
}

2. 使用Vue.js的语法设置el-input textarea的高度：

<el-input type="textarea" :rows="2" autosize></el-input>

在上述代码中，我们将el-input的类型设置为textarea，并使用autosize属性启用自适应高度。通过设置rows属性，我们可以指定el-input的初始行数。在这个例子中，我们将最小行数设置为1，最大行数设置为2，样el-input的高度就会根据输入内容的多少自适应。

el-input textarea怎么跟input文字高度一致

对于el-input textarea，你可以通过设置行数来实现和input文字高度一致的效果。你可以使用rows属性来指定textarea的行数，例如：rows="1"表示只有一行。另外，你可以通过设置textarea的样式来使其和input的文字高度一致。例如，设置textarea的高度和line-height属性与input保持一致。具体的做法可以参考以下代码示例：

<template>
  <el-form-item label="输入码">
    <div class="form-content">
      <el-input type="textarea" :rows="1" v-model="list" placeholder="请输入" @input="handleInput" />
    </div>
  </el-form-item>
</template>

<style>
.form-content {
  position: relative;
}

.el-input__inner {
  height: 34px; // 调整高度与input保持一致
  line-height: 34px; // 调整行高与input保持一致
}
</style>

以上代码将el-input textarea的行数设置为1，并通过样式设置高度和行高与input保持一致。这样就能够实现el-input textarea和input文字高度一致的效果了。