在el-input中设置type=“textarea”,通过设置 autosize
属性可以使得文本域的高度能够根据文本内容自动进行调整,并且 autosize
还可以设定为一个对象,指定最小行数和最大行数。
原理:其实autosize就是给文本框设置最小高度和高度样式来自适应
注意:如果设置了autosize属性,rows='n'方法就不生效了,但是可以通过赋值:autosize="{ minRows: 1 maxRows: 100}"设置最小行数和最大行数
问题:我设置了maxRows为100,但是在谷歌和edge浏览器上输入内容不到10行就出现了滚动条,但是IE浏览器正常,没有出现滚动条;
在网上查找资料之后我找到了解决方法,只要在新增一个样式就OK啦!
.el-textarea__inner{
overflow: hidden !important;
}