微信小程序 textarea 统计输入长度

wxml

     <view class="weui-cells weui-cells_after-title">
          <view class="weui-cell">
               <view class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" maxlength='100' bindinput='userInput' />
                    <view class="weui-textarea-counter">{{length}}/100</view>
               </view>
          </view>
     </view>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

这里要用bindinput

js

     data: {
          ...
          length: 0
     },

  

 

  
1
  
2
  
3
  
4
 

     //统计输入长度
     userInput: function(e) {
          console.log("输入的内容---" + e.detail.value)
          console.log("输入的长度---" + e.detail.value.length)
          this.setData({
               length: e.detail.value.length
          })
     },

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

文章来源: blog.csdn.net，作者：yechaoa，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/yechaoa/article/details/81384840