微信小程序开发笔记(十一)--输入框计数

1.wxml：

<textarea placeholder="请描述内容" maxlength="{{noteMaxLen}}" bindinput="bindWordLimit"></textarea>
<text>{{currentNoteLen|0}}/{{noteMaxLen}}</text>

 

2.wxjs：

Page({
  data: {
    noteMaxLen: '50',
  },

  bindWordLimit: function (e) {
    var value = e.detail.value,
      len = parseInt(value.length);
    if (len > this.data.noteMaxLen) return;
    this.setData({
      currentNoteLen: len //当前字数
      //limitNoteLen: this.data.noteMaxLen - len //剩余字数
    });
  },
})