vue使用textare如何正確統計輸入字符個數

最近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>
相關文章
相關標籤/搜索