当前位置: 首页 - 编程技术 - 文章正文

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

xiaoqihv

效果图:

代码:

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.length this.remnant = 100 - num },

 

4.添加样式

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

完成!

 

文章地址:https://wenmayi.cn/post/791.html