小程序textarea字数限制与输入计算

textarea输入框数字的限制

html:

 <textarea name="info" bindinput='input' class='txt' maxlength="200">
    <text class="noteNamuber">{{number|0}}/{{notenumber}}个字</text>
 </textarea>

css:

.noteNamuber{
  font-size: 28rpx;
  color: gray;
  position: absolute;
  right: 10rpx;
  bottom: -6rpx;
  margin-bottom: 10px;
}

js:

 data: {
    notenumber: 200,         //字数限制
    number: 0,      //输入的字数
  },


//函数

  input (value) {
    console.log(value);
    this.setData({
      number: value.detail.cursor
    });
  },

 

在网上也看到计算文字length，我直接拿的输入个数

 var value = event.detail.value,
      len = parseInt(value.length);
    let that = this;
    this.setData({
      currentNoteLen: len
    });

 

 

打印：