一、获取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
这个参数设置成较大的值了,举例如下图:👇🏻