el-input使用textarea后回显出现空白但是一输入内容就恢复正常
时间: 2024-05-05 08:15:16 浏览: 201
vue + el-input 中 textarea 实现 placeholder 换行
这可能是因为el-input的默认行高和textarea的行高不同所导致的。当el-input使用textarea时,它会将textarea的高度设置为与el-input相同,但是默认的行高可能会导致一些空白出现。当你开始输入内容时,el-input会自动调整textarea的行高,从而消除空白。
要解决这个问题,你可以尝试在el-input中设置行高,以使其与textarea一致。例如:
```
<el-input
type="textarea"
:rows="3"
:style="{ lineHeight: 'normal' }"
></el-input>
```
在这个例子中,我们将行高设置为“normal”,这将使它与textarea的默认行高一致。你还可以尝试其他值来找到最适合你的样式。
阅读全文