效果图：

未输入时.png

输入后.png

小程序输入框如果要输入框的高度要根据输入文字的内容而变化时。
就不能使用input组件了，要使用textare，设置他的maxlength，因为最大的高度为200左右，不一定能满足要求。然后再用css设置textare的宽度。
最主要的一点是textare有一个事件，bindlinechange（taro的为onLineChange）可以根据输入行的变化，返回行数和文字高度。

bindlinechange.png

我是定义一个变量接收 （ 行数 * 想要的高度 + ‘px’）；
然后动态设置textare的高度和外部的高度！
因为我用的是taro-vue（和vue写法一样），所以和原生微信小程序不太一样，但是思路一样，大家可以跟着这个思路修改代码

html：
<textarea
class="input"
:style="{ height: textHei }"
maxlength="1000"
@LineChange=“onLineChange”>

js
Data 中 ：
textHei: '30px'

methods中：
onLineChange(e) {
 let line = e.detail.lineCount;
 if (line > 1 && line < 4) { //这里是因为我要设置输入框的最大高度
    this.textHei = line * 25 + 'px';
 } else if (line == 1) {
     this.textHei = '30px';
  }
}

css中其实只需要设置textare的宽度就行