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

效果图：

代码：

1.HTML代码

<a-textarea 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.lengththis.remnant = 100 - num},

4.添加样式

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

完成！