微信小程序textarea实时计算输入字数

2,865 阅读1分钟
<textarea  placeholder='说说您对本次服务的感受吧~' placeholder-class="pla" maxlength="{{max}}" bindinput="inputs">
  <text class="currentWordNumber">{{currentWordNumber|0}}/{{max}}</text>
 </textarea>

textarea{
 margin: 40rpx 50rpx;
 height: 200rpx;
 border: 1rpx solid #F3F3F4;
 border-radius:10rpx;
 background: #F3F3F4;
 padding: 25rpx;
 position: relative;
}
.pla{
 color: #888888;
 font-size: 30rpx;
}
.currentWordNumber{
 position: absolute;
 bottom: 10rpx;
 right: 10rpx;
 color: #888;
}
data:{
     max: 150, //最多字数 (根据自己需求改变) 
      text_value: '', //评价内容
}
  inputs: function(e) {
   // 获取输入框的内容
   var value = e.detail.value;
   // 获取输入框内容的长度
   var len = parseInt(value.length);
   //最多字数限制
   if (len > this.data.max) return;
   // 当输入框内容的长度大于最大长度限制(max)时,终止setData()的执行
   this.setData({
     currentWordNumber: len, //当前字数 
     text_value: value
   });
 },