【小程序聊天输入框多行内容自动向上增高】

小程序聊天输入框多行内容自动向上增高

实现出来的效果与微信的聊天输入框一致。网上搜索到的方法都是加一个text标签结合flex布局等实现，出来的效果不好，不丝滑。自己研究了一个丝滑的方案出来，目前没有找到一样的，所以记录一下。

原理

利用 textarea 组件的 auto-height 属性结合flex布局元素可以从下向上排列的技巧实现。

代码

textarea 属性小程序都有介绍是什么意思就不解释了
实现此功能的必要属性是auto-height=“true”，其他的是实现对话框需要的属性。

<view class="send" id="send">
  <textarea class="weui-textarea" maxlength="-1" bindinput="getInput" adjust-position="{
    
    {false}}" type="text" confirm-type