vue+elementUI表单验证控制表格

Posted 2020-12-18 lijianshen

方法一、不能在输入过程中输入空格），不太友好：

<el-input size="small" v-model.trim="form.name"></el-input>

方法二，对于回车提交表单不友好：

<el-input size="small" v-model="form.name" @blur="form.name=$event.target.value.trim()"></el-input>

方法三：

<el-input size="small" v-model.trim="form.name" @keyup="trim()"></el-input>

.....

trim(){
    this.form.name = this.form.name.replace(/^s+|s+$/gm,‘‘)
}