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>