vue使用textare如何正确统计输入字符个数
Posted IT-HourseMan
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue使用textare如何正确统计输入字符个数相关的知识,希望对你有一定的参考价值。
最近vue做微信公众号的开发,使用weui的textarea输入限制字数(官网例子),并且显示。代码如下:再安卓和电脑都没有问题,但是ios输入的时候,显示字数不正确,
但是输入之后删除其中一个,就可以正确显示,比较坑的。
<div class="weui-cell__bd"> <textarea v-model="consultation.description" id="description" class="weui-textarea" placeholder="请概要描述您看到的现象,最大允许输入500字" rows="12" @keyup="textarea(‘#description‘);"> </textarea> <div class="weui-textarea-counter"> <span>0</span>/ <i>300</i> </div>
针对这个问题我查找textarea可以监听的事件,终于发现一个新事件属性oninput完美解决,具体代码如下:
<div class="weui-cell__bd"> <textarea v-model="consultation.description" id="description" class="weui-textarea" placeholder="请概要描述您看到的现象,最大允许输入500字" rows="12" @input="textarea(‘#description‘);"> </textarea> <div class="weui-textarea-counter"> <span>0</span>/ <i>300</i> </div>
以上是关于vue使用textare如何正确统计输入字符个数的主要内容,如果未能解决你的问题,请参考以下文章
c语言:输入一行字符,统计其中的单词个数,单词之间用空格分开
C语言:输入一行字符,统计其中有多少个单词,单词之间用空格分隔开
C语言输入一行字符 统计其中有多少个单词,单词之间用空格分隔开