在前端输入时，有些输入有字数限制，那么我们就应该在前端处理，是输入的字数在规定的范围内。

提示：以下是本篇文章正文内容，下面案例可供参考

一、效果图

二、组件部分代码

<el-form ref="entryregistration" :model="entryregistration" label-width="80px">
		<el-form-item label="项目名称" :required="true">
				<el-input v-model="entryregistration.projectname" @input="projectNameInput" style="width:500px;" maxlength="50" placeholder="简洁清晰,不多于50字" clearable @></el-input>				
				<div style="padding-left:5px;color:gray;"> 字数限制:{{enter}}/50</div>
		</el-form-item>
</el-form>

三、js代码部分

data() {
		return {
			enter:'',//项目名称输入字数
		}
}

projectNameInput(){
				var Val = this.entryregistration.projectname.length;
				this.enter = Val;
			},