1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue输入框 限制字数 回显剩余字数

vue输入框 限制字数 回显剩余字数

时间:2023-02-06 01:50:46

相关推荐

vue输入框 限制字数 回显剩余字数

问题描述:如图,输入框限制字数,而且输入时实时回显剩余字数

在elementUI里面提供了方法

定义一个变量初始值为最大限制字数,在需要的地方绑定

residueNum: 1000, // 最大限制出入长度

<p>主要问题<label style="color: #dc0101">*</label> <br />(剩余{{ residueNum }}字)</p>

绑定输入框里面的内容

<el-inputtype="textarea"v-model="reportInfo.jubaomatter"placeholder="请输入问题描述"@input="getlength()" // 在 Input 值改变时触发maxlength="1000" // 限制输入字数show-word-limit // 是否显示右下角限制长度></el-input>

输入框里面值改变时 调用方法 然后就可以实现实时回显

getlength() {this.residueNum = 1000 - this.reportInfo.jubaomatter.length;},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。