问题描述:如图,输入框限制字数,而且输入时实时回显剩余字数
在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;},