全内容不可输入空格
使用自带的修饰符trim,对model内容进行修改
<el-input v-model.trim="form.name"></el-input>
通过焦点事件修改
这种方式,影响回车提交,并且@blur的form.name不能直接写成value(原因未知,理论上可以,有空填坑)
<el-input v-model="form.name" @blur="form.name=$event.target.value.trim()"></el-input>
正则定制化校验
<el-input v-model.trim="form.name" @keyup="trim()"></el-input>
.
..
...
trim(){
this.form.name = this.form.name.replace(/^\s+|\s+$/gm,'')
}