vue中textarea标签高度自适应文本高度(解决方案)
在textarea标签中绑定ref和input属性。
<textarearef="textareaRef"v-model="text"placeholder="请输入"@input="resizeTextarea"></textarea>
写入input方法。
resizeTextarea() {if(!this.content.text) returnthis.$nextTick(() => {this.$refs.textareaRef.style.height = 'auto'this.$refs.textareaRef.style.height =this.$refs.textareaRef.scrollHeight + 2 + 'px'})},
resizeTextarea方法在调用时会调整文本框高度,到适应文字高度的位置。