el-input 行数
时间: 2023-11-02 14:02:29 浏览: 347
el-input 是 Element UI 中的一个输入框组件,它默认是单行的。如果要实现多行输入框,需要通过设置 textarea 属性来实现。具体操作如下所示:
```html
<el-input
type="textarea"
:rows="3" // 设置行数为3,可以根据需要调整
></el-input>
```
这样就可以实现一个具有指定行数的 el-input 多行输入框了。
相关问题
el-element el-input 行数
el-element el-input 是一个基于 Element UI 的输入组件,用于创建文本输入框。要设置输入框的行数,你可以使用 el-input 的属性来实现。
在 el-input 上添加 rows 属性可以设置输入框的行数。例如,要将输入框的行数设置为 3,你可以这样写:
```html
<el-input rows="3"></el-input>
```
这将创建一个具有 3 行高度的输入框。你可以根据需要调整 rows 属性的值来设置所需的行数。
获取el-input textarea行数
获取`el-input`和`el-textarea`的行数可以通过以下方式实现:
对于`el-input`,可以通过以下步骤来获取行数:
1. 获取该元素的高度
2. 获取该元素的行高
3. 用元素高度除以行高即可得到行数
对于`el-textarea`,可以通过以下步骤来获取行数:
1. 获取该元素的高度
2. 获取该元素的行高
3. 用元素高度除以行高再加上一即可得到行数(因为文本域默认有一行,需要加上)
注意,这里的行高不仅仅指CSS中设置的行高,还包括其他属性比如字体大小等带来的影响。
阅读全文