} = calculateNodeStyling(targetElement); hiddenTextarea.setAttribute('style', `${contextStyle};${HIDDEN_STYLE}`); hiddenTextarea.value = targetElement.value || targetElement.placeholder || ''; let height = hiddenTextarea.scrollHeight; const result = {}; if (boxSizing === 'border-box') ...
获取初始页面时候textarea的高度,这就是一行的高度oneHeight; 通过vue的watch数据监听,当textarea的内容发生变化时触发,获取textarea的scrollHeight,再除以oneHeight求整数然后加一就是rows的数量。 踩坑感想: 这样做是可以实现当内容变多,行数跟着变多的情况的,但是,当内容变少,scrollHeight是不会减少的!所以rows也...
(<textarea ref="textarea" :rows="rows" v-model="value" class="textarea" ></textarea>); 获取初始页面时候textarea的高度,这就是一行的高度oneHeight; 通过vue的watch数据监听,当textarea的内容发生变化时触发,获取textarea的scrollHeight,再除以oneHeight求整数然后加一就是rows的数量。 踩坑感想: 这样做...