2021-12-09 工作记录--Wechat applet-获取input输入框 / textarea文本框里的输入值 + 控制textarea里内容的输入长度

一、获取input输入框 / textarea文本框里的输入值（方法相同）

example：

<view class="detail_m">请假原因:
    <textarea class="leave_cause" value="{{textareaValue}}" bindinput="inputText"></textarea>
</view>

Page({

    /**
     * 页面的初始数据
     */
    data: {
        textareaValue: '', // 请假原因文本框里的值
    }, 
            
    // 获取文本框的输入值
    inputText(e) {
        console.log(e.detail.value);
        this.setData({
            textareaValue: e.detail.value,
        })
    },
            
})

结果：

二、控制textarea里内容的输入长度

textarea的相关知识见textarea | 微信开发文档（小程序）

最近开发项目，遇见这样一个问题：

First of all，我给textarea设置了一定高度（设置方法：在textarea上自定义一个class类名），Then，我在里面输入内容，却发现内容输到一定长度后，就不能继续输入了，But，此时 textarea的剩余高度还有很多很多呢，这时，我就纳闷咯~

然后，我就继续回去认真看文档，发现里面有一个参数：

maxlength（最大输入长度，设置为 -1 的时候不限制最大长度）

是它，就是它~😊

分析原因：因为这个参数的默认值是140，所以我们给textarea设置过高的高度时，就需要将maxlength这个参数设置成较大的值了，举例如下图：👇🏻