E企盈营销工具技术服务商 热线:4006-838-530

微信小程序文本框显示限制最大长度

E企盈直播平台营销卖货系统

wxml1 view class=’textarea-count’2   textarea placeholder=’请输入文字’ bindinput=”getWords” maxlength='{{maxTextLen}}’/textarea3   view class=’text-count-display f f-end'{{textLen}}/{{maxTextLen}}/view4 /view wxss 1 /* @import “style.wxss”; */ 2 3 4 .f{ 5  display: flex; 6 } 7 8 .f-end{ 9  justify-content: flex-end;10 }11 12 .text-count-display{13  padding: 2%;14 }15 16 .textarea-count {17  border: 1px solid #ddd;18  border-radius: 5px;19 }20 21 .textarea-count textarea{22  width: 100%;23 } js 1 Page({ 2 3   /** 4   * 页面的初始数据 5    */ 6  data: { 7     // 最大字符数 8     maxTextLen: 20, 9     // 默认长度10     textLen: 011  },12  getWords(e) {13     let page = this;14     // 设置最大字符串长度(为-1时,则不限制)15     let maxTextLen = page.data.maxTextLen;16     // 文本长度17     let textLen = e.detail.value.length;18 19    page.setData({20      maxTextLen: maxTextLen,21      textLen: textLen22    });23  }24 }) easy.

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序文本框显示限制最大长度
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏