当设置了autosize为true则textarea设为自适应高度。此时textarea的高度会通过calcTextareaHeight方法实时计算。 ? let { ? ? paddingSize, ? ? borderSize, ? ? boxSizing, ? ? contextStyle ? } = calculateNodeStyling(targetElement);? hiddenTextarea.setAttribute(‘style’, ${contextStyle};${HIDDEN_STY...
const { paddingSize } = this.calcNodeStyle(this.$el) return this.$el.scrollHeight - paddingSize }, resetHeight()是来初始化textarea的高度,默认为auto。calcTextareaH()方法是用来计算内容区域的高度(textarea的scrollHeight减去padding的高度),同时将计算好的高度实时同步给textarea的高: this.height = ...
}constminRows = autosize.minRows;constmaxRows = autosize.maxRows;this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows); } AI代码助手复制代码 当设置了autosize为true则textarea设为自适应高度。此时textarea的高度会通过calcTextareaHeight方法实时计算。 exportdefaultfunctionca...
综上所述,使用 autosize 属性是实现 el-input 的textarea 高度自适应的最简单和直接的方法。如果需要更灵活的控制,可以考虑使用 CSS 样式配合 resize: none,或者使用 Vue 的方法动态调整高度。同时,注意处理自适应高度的回显问题,以确保内容加载后文本域的高度能够正确调整。
const minRows = autosize.minRows;const maxRows = autosize.maxRows;this.textareaCalcStyle = calcTextareaHeight(this.$refs.textarea, minRows, maxRows);} 当设置了autosize为true则textarea设为⾃适应⾼度。此时textarea的⾼度会通过calcTextareaHeight⽅法实时计算。export default function calcText...