el-input type=textarea设置了autosize之后高度计算异常
时间: 2024-05-14 07:14:07 浏览: 274
Textarea根据内容自适应高度
可能是由于父元素的高度没有被正确计算导致的。可以尝试以下方法:
1. 确保父元素的高度被正确计算,可以尝试设置父元素的高度为固定值或使用flex布局。
2. 如果父元素的高度已经被正确计算,可以尝试重新计算textarea的高度。可以使用以下代码:
```javascript
this.$nextTick(() => {
this.$refs.textarea.$refs.input.style.height = 'auto';
this.$refs.textarea.$refs.input.style.height = this.$refs.textarea.$refs.input.scrollHeight + 'px';
});
```
其中,`this.$refs.textarea`为el-textarea组件的引用。这段代码在textarea的内容发生变化时重新计算高度。
3. 如果以上方法都无效,可以尝试使用第三方自适应高度插件,如autosize.js。
阅读全文