vue textarea文本域輸入字數統計，超出彈框提醒

html部分：

<textarea class="description" @input="descInput" name="" id="" cols="30" rows="10" v-model="desc"></textarea>
<span class="font-count">{{countNum}}/50</span>

js部分：

methods: {
    descInput(){
      if(this.desc.length>50){
        this.desc=this.desc.slice(0, 50)
        showTip("字數不能超過50")
      }
      this.countNum= this.desc.length
    }
}

注：本案例是采用的超出截取的方式，所以textarea不用加maxlength，此做法是為了方便彈框判斷。歡迎斧正！

 

 

countNum