MPVue+VantUI小程序textarea文本框默认高度调整
的有关信息介绍如下:最近参与了一个微信小程序开发的项目,项目采用MPVue+VantUI进行开发,过程中遇到很多坑,作为一名后端开发背景的程序员,表示鸭梨很大。今天主要分享一下textarea文本框默认高度的问题和解决路径,希望对大家有所帮助。
先查询了官网,按照VantUI官网所示,找到textarea相关组件。
如图所示,可以看到效果相当完美啊!WOW, 这就是我想要的。This is what I am looking for!
直接将代码拷贝到我的小程序中,不禁感慨,写页面就是如此简单。
然后编译运行一看,无情,怎么和官网差距如此之大,字数限制没有就算了,长得都不像一个textarea好不,这不就一普通input么。
但是好在一个安慰是,输入是可以自动扩展的。
各种尝试,比如说添加到div中,设置div的最小高度,设置van-field中autosize里面的最小高度等等,都没有达到想要的效果,欸,只是这么一个朴实的需求啊,生活如此艰辛!
最后,在一位朋友的帮助下,终于完成,设置了input-class属性,最后也在官网的另一个页面(从youzan的github链接中进入)下方找到了该属性的说明。
只能说,前端长路漫漫,UI什么的最讨厌了!