最近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>