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