最近vue作微信公众号的开发,使用weui的textarea输入限制字数(官网例子),而且显示。代码以下:再安卓和电脑都没有问题,可是ios输入的时候,显示字数不正确,html
可是输入以后删除其中一个,就能够正确显示,比较坑的。vue
<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完美解决,具体代码以下:ios
<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>