前端实现antd文本域限制字数

效果图：

代码：

1.HTML代码

<a-textarea style="resize: none" v-model="backForm.reason" placeholder="请输入意见" :rows="6" :maxLength="100" @input="numLimit" />
<div class="textarea">{{number}}/100</div>

2.在data里声明一下

3.写方法

numLimit(){
      var num = this.backForm.reason.length
      this.number = 100 - num
  },

4.添加样式

.textarea {
  font-size: 10px;
  text-align: right;
  margin-top: -35px;
  margin-right: 15px;
}

完成！