element-ui el-input textarea设置autosize后,当textarea有初始内容,并且初始内容小于2行时会出现滚动条

问题截图

element-ui el-input textarea设置autosize后,当textarea有初始内容,并且初始内容小于2行时会出现滚动条

猜测问题原因可能是我之前修改了字体大小,导致和elementui默认设置的大小无法对应导致的。

elementui默认为textarea设置的最小高度是30px

element-ui el-input textarea设置autosize后,当textarea有初始内容,并且初始内容小于2行时会出现滚动条

解决办法是

main.js中引入全局样式,在全局样式中设置textarea的最小高度为40px

element-ui el-input textarea设置autosize后,当textarea有初始内容,并且初始内容小于2行时会出现滚动条

element-ui el-input textarea设置autosize后,当textarea有初始内容,并且初始内容小于2行时会出现滚动条

注:设置autosize后row是无法生效的