微信小程序-textarea文本域输入限制大小

效果图：

若输入文字超过10字时，提示“已达上限”，并且不能再输入文字：

1、.wxml文件：

<view class="content">
  <textarea placeholder='请输入不少于{{min}}个字的描述' minlength="{{min}}" maxlength="{{max}}" bindinput="bindWordLimit"
    value="{{textVal}}">
    </textarea>
  <view class="currentWordNumber">{{currentWordNumber|0}}/{{max}}</view>
</view>

2、.js 文件：

data: {
    min: 5,  //输入的最小值
    max: 10,	//输入的最大值
    textVal: "",	// 文本域的内容
},
bindWordLimit: function(e) {
    var value = e.detail.value;
    var len = parseInt(value.length);
    if (len > this.data.max) return;

    this.setData({
      currentWordNumber: len,
      textVal: e.detail.value
    });
    if (this.data.currentWordNumber == this.data.max) {
      wx.showToast({
        title: '您输入的次数已达上限',
        icon:'none'
      })
      return;
    }
}

3、wxss 文件：

.content {
  position: relative;
  background: #F3F4F6;
  padding: 26rpx;
  border-radius: 12rpx;
}
.content >textarea {
  width: 100%;
  height: 260rpx;
  font-size: 28rpx;
}
.currentWordNumber {
  color: #888;
  text-align: right;
}