el-input 设置高度随内容自动撑开
时间: 2023-10-09 16:12:30 浏览: 380
可以使用 `autosize` 属性来实现 el-input 高度随内容自动撑开的效果。
示例代码:
```html
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 6}" placeholder="请输入内容"></el-input>
```
其中,`autosize` 属性接受一个对象,对象中包含 `minRows` 和 `maxRows` 两个属性,用于控制最小行数和最大行数。设置 `minRows` 为 2,`maxRows` 为 6 可以保证输入框在不同内容长度下始终保持高度自适应。
注意:使用 `autosize` 属性时,`type` 属性需要设置为 `textarea`。
阅读全文