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

简介: 微信小程序 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>

这里要用bindinput

js

data: {
          ...
          length: 0
     },
//统计输入长度
     userInput: function(e) {
          console.log("输入的内容---" + e.detail.value)
          console.log("输入的长度---" + e.detail.value.length)
          this.setData({
               length: e.detail.value.length
          })
     },
目录
相关文章
小程序怎么获取textarea的值?
小程序怎么获取textarea的值?
解决小程序中textarea ios端样式不兼容的两种方法
解决小程序中textarea ios端样式不兼容的两种方法
236 0
基于springboot+vue.js+uniapp小程序的工作量统计系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的工作量统计系统附带文章源码部署视频讲解等
64 0
基于ssm+vue.js+uniapp小程序的渔船出海及海货统计系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的渔船出海及海货统计系统附带文章和源代码部署视频讲解等
38 0
微信小程序统计图表插件wxcharts的使用汇总
微信小程序统计图表插件wxcharts的使用汇总
530 0
解决IOS端微信浏览器input,textarea有内上边框阴影
解决IOS端微信浏览器input,textarea有内上边框阴影
87 0
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
306 0
基于微信小程序云开发(统计学生信息并导出excel)4.0版(稳定版)
基于微信小程序云开发(统计学生信息并导出excel)3.0版
基于微信小程序云开发(统计学生信息并导出excel)3.0版
214 0
基于微信小程序云开发(统计学生信息并导出excel)3.0版
基于微信小程序云开发(统计学生信息并导出excel)2.0版
基于微信小程序云开发(统计学生信息并导出excel)2.0版
270 0
基于微信小程序云开发(统计学生信息并导出excel)2.0版
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等